:root{--glass-bg:#14141e99;--glass-border:#ffffff14;--glass-highlight:#ffffff08;--glass-text-primary:#fff;--glass-text-secondary:#fff9;--glass-accent:#6d28d9;--glass-accent-gradient:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);--glass-radius:20px;--glass-blur:20px}.stitch-container{min-height:100vh;color:var(--glass-text-primary);background-color:#0f111a;background-image:radial-gradient(circle at 10% 20%,#3b82f626 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf626 0%,#0000 40%);padding:2rem;font-family:Inter,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffffff26}.stitch-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;max-width:1600px;margin:0 auto;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}body.template-version3{--glass-bg:#082b33;--glass-border:#ffffff1a;--glass-highlight:#ffffff0d;--glass-text-primary:#fff;--glass-text-secondary:#b2b2b2;--glass-accent:#ff8200;--glass-accent-gradient:linear-gradient(135deg,#ff8200 0%,#ff9f33 100%);--glass-radius:16px;--glass-blur:0px}body.template-version3 .stitch-container{background-color:#082b33!important;background-image:radial-gradient(circle at 10% 20%,#ff820014 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0b39434d 0%,#0000 40%)!important}body.template-version3 .glass-panel{-webkit-backdrop-filter:none!important;background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .glass-panel:hover{transform:translateY(-2px);border-color:#ff82004d!important;box-shadow:10px 10px 20px #051d23,-10px -10px 20px #0b3943!important}body.template-version3 .greeting-header h1{color:#fff!important}body.template-version3 .greeting-header .date{color:#b2b2b2!important}body.template-version3 .greeting-header .highlight{color:#ff8200!important}body.template-version3 .search-hub{background:#082b33!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .search-hub input{color:#fff!important;background:#062329!important;border:none!important;border-radius:12px!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .search-hub input:focus{box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943,0 0 0 2px #ff8200!important}body.template-version3 .search-hub input::placeholder{color:#b2b2b2!important}body.template-version3 .search-btn,body.template-version3 .search-engine-btn{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:10px!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .search-btn:hover,body.template-version3 .search-engine-btn:hover{color:#ff8200!important;border-color:#ff8200!important}body.template-version3 .search-btn.active,body.template-version3 .search-engine-btn.active{color:#fff!important;background:#ff8200!important;border-color:#ff8200!important;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff1a!important}body.template-version3 .quick-action-btn{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:12px!important;transition:all .2s!important;box-shadow:4px 4px 8px #051d23,-4px -4px 8px #0b3943!important}body.template-version3 .quick-action-btn:hover{transform:translateY(-2px);color:#ff8200!important;border-color:#ff8200!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .quick-action-btn i{color:#ff8200!important}body.template-version3 .weather-widget,body.template-version3 .stitch-weather{background:#082b33!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .weather-temp{color:#ff8200!important}body.template-version3 .weather-condition{color:#b2b2b2!important}body.template-version3 .weather-location{color:#fff!important}body.template-version3 .calendar-widget,body.template-version3 .stitch-calendar{background:#082b33!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .calendar-header{color:#ff8200!important}body.template-version3 .calendar-nav-btn{color:#b2b2b2!important;background:#062329!important;border-radius:8px!important;box-shadow:2px 2px 4px #051d23,-2px -2px 4px #0b3943!important}body.template-version3 .calendar-nav-btn:hover{color:#ff8200!important}body.template-version3 .calendar-day{color:#b2b2b2!important}body.template-version3 .calendar-day.today{color:#fff!important;background:#ff8200!important;border-radius:50%!important}body.template-version3 .calendar-day.has-event{color:#ff8200!important}body.template-version3 .sms-widget,body.template-version3 .stitch-sms{background:#082b33!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .sms-header{color:#ff8200!important;border-bottom:1px solid #ffffff1a!important}body.template-version3 .sms-message{background:#062329!important;border-radius:10px!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .sms-sender{color:#fff!important}body.template-version3 .sms-preview{color:#b2b2b2!important}body.template-version3 .sms-time{color:#ff8200!important}body.template-version3 .market-sidebar,body.template-version3 .stitch-market{background:#082b33!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .market-header{color:#ff8200!important}body.template-version3 .market-item{background:#062329!important;border-radius:10px!important;margin-bottom:.5rem!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .market-symbol{color:#fff!important}body.template-version3 .market-price{color:#b2b2b2!important}body.template-version3 .market-change.positive{color:#10b981!important}body.template-version3 .market-change.negative{color:#c00!important}body.template-version3 .news-feed,body.template-version3 .stitch-news{background:#082b33!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .news-header{color:#ff8200!important}body.template-version3 .news-item{background:#062329!important;border-radius:10px!important;margin-bottom:.5rem!important;padding:.75rem!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .news-item:hover{background:#082b33!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .news-title{color:#fff!important}body.template-version3 .news-source{color:#ff8200!important}body.template-version3 .news-time{color:#b2b2b2!important}body.template-version3 .stitch-grid{gap:1.5rem}body.template-version3 .widget-header,body.template-version3 .panel-header{color:#ff8200!important;border-bottom:1px solid #ffffff1a!important;margin-bottom:1rem!important;padding-bottom:.75rem!important}body.template-version3 .widget-header i,body.template-version3 .panel-header i{color:#ff8200!important}body.template-version3 .stitch-container button:not(.search-btn):not(.quick-action-btn):not(.calendar-nav-btn){color:#fff!important;background:linear-gradient(145deg,#ff8200,#e67600)!important;border:none!important;border-radius:10px!important;box-shadow:4px 4px 8px #051d23,-4px -4px 8px #0b3943!important}body.template-version3 .stitch-container button:not(.search-btn):not(.quick-action-btn):not(.calendar-nav-btn):hover{transform:translateY(-2px)!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .stitch-container button:not(.search-btn):not(.quick-action-btn):not(.calendar-nav-btn):active{transform:translateY(0)!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .stitch-container a{color:#ff8200!important}body.template-version3 .stitch-container a:hover{color:#ff9f33!important}
.ninji-console{color:#e2e8f0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:calc(100vh - 184px);display:flex}.ninji-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border-right:1px solid #ffffff1a;width:320px;min-width:320px;max-height:calc(100vh - 184px);padding:1.5rem;overflow-y:auto}.ninji-sidebar h2{color:#f8fafc;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.ninji-sidebar h2 i{color:#3498db}.sidebar-section{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1.5rem}.sidebar-section:last-child{border-bottom:none;margin-bottom:0}.sidebar-section h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.form-group{margin-bottom:1rem}.form-group label{color:#94a3b8;margin-bottom:.375rem;font-size:.875rem;display:block}.form-group input,.form-group select{color:#f8fafc;background:#0f172a99;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db33}.form-group input[type=number]{font-family:JetBrains Mono,monospace}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.file-upload{text-align:center;cursor:pointer;border:2px dashed #fff3;border-radius:8px;padding:1.5rem;transition:all .2s}.file-upload:hover{background:#3498db1a;border-color:#3498db}.file-upload.dragover{background:#3498db26;border-color:#3498db}.file-upload i{color:#3498db;margin-bottom:.5rem;font-size:2rem}.file-upload p{color:#94a3b8;margin:0;font-size:.875rem}.file-upload input[type=file]{display:none}.calculated-values{background:#0f172a66;border-radius:8px;padding:1rem}.calc-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.5rem 0;display:flex}.calc-row:last-child{border-bottom:none}.calc-row .label{color:#94a3b8;font-size:.875rem}.calc-row .value{color:#f8fafc;font-family:JetBrains Mono,monospace;font-weight:500}.preflight-checklist{margin:0;padding:0;list-style:none}.preflight-checklist li{color:#94a3b8;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.preflight-checklist li i{text-align:center;width:16px}.preflight-checklist li.checked,.preflight-checklist li.checked i{color:#10b981}.recalculate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.recalculate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3498db66}.recalculate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ninji-main{flex:1;max-height:calc(100vh - 184px);padding:1.5rem 2rem;overflow-y:auto}.ninji-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-title h1{color:#f8fafc;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.header-title h1 i{color:#3498db}.header-title .subtitle{color:#64748b;margin-left:2.25rem;font-size:.875rem}.data-badge{background:#3498db33;border:1px solid #3498db4d;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.data-badge i{color:#3498db}.data-badge .trade-count{background:#ffffff1a;border-radius:10px;padding:.125rem .5rem;font-size:.75rem}.error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.error-banner i{color:#ef4444}.error-banner button{color:#fca5a5;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem}.loading-overlay{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.spinner{border:3px solid #3498db33;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ninji-tabs{background:#1e293b80;border-radius:12px;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex;overflow-x:auto}.tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:#e2e8f0;background:#ffffff0d}.tab-btn.active{color:#3498db;background:#3498db33}.tab-btn i{font-size:1rem}.tab-label{display:inline}@media (max-width:900px){.tab-label{display:none}}.tab-content{background:#1e293b66;border-radius:12px;min-height:400px;padding:1.5rem}.empty-state{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state p{margin:0;font-size:1rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metrics-grid.small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{text-align:center;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem}.metric-card.highlight{background:linear-gradient(135deg,#3498db33,#3498db1a);border-color:#3498db4d}.metric-card.danger{background:#ef44441a;border-color:#ef444433}.metric-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.metric-value{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.metric-value.positive{color:#10b981}.metric-value.negative{color:#ef4444}.metric-value.neutral{color:#94a3b8}.metric-sublabel{color:#64748b;margin-top:.25rem;font-size:.75rem}.chart-container{background:#0f172a66;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.chart-container h3{color:#f8fafc;margin:0 0 1rem;font-size:1rem;font-weight:600}.metrics-detail-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.metrics-section{background:#0f172a66;border-radius:12px;padding:1.25rem}.metrics-section h4{color:#f8fafc;border-bottom:1px solid #ffffff1a;margin:0 0 1rem;padding-bottom:.75rem;font-size:.875rem;font-weight:600}.metrics-list{flex-direction:column;gap:.5rem;display:flex}.metrics-row{justify-content:space-between;padding:.5rem 0;font-size:.875rem;display:flex}.metrics-row span:first-child{color:#94a3b8}.metrics-row span:last-child{color:#f8fafc;font-family:JetBrains Mono,monospace;font-weight:500}.metrics-row .positive{color:#10b981}.metrics-row .negative{color:#ef4444}.interpretation-list{flex-direction:column;gap:.75rem;display:flex}.interpretation-item{flex-direction:column;gap:.125rem;display:flex}.interpretation-item .label{color:#f8fafc;font-size:.875rem;font-weight:500}.interpretation-item .desc{color:#64748b;font-size:.75rem}.assessment{flex-direction:column;gap:.75rem;display:flex}.assessment-item{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.assessment-item.positive{color:#10b981;background:#10b9811a}.assessment-item.neutral{color:#94a3b8;background:#94a3b81a}.assessment-item.negative{color:#ef4444;background:#ef44441a}.time-table{overflow-x:auto}.time-table table{border-collapse:collapse;width:100%;font-size:.875rem}.time-table th,.time-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.5rem}.time-table th{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:500}.time-table td{color:#f8fafc;font-family:JetBrains Mono,monospace}.time-table td.positive{color:#10b981}.time-table td.negative{color:#ef4444}.forensics-summary{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.summary-section{background:#0f172a66;border-radius:12px;padding:1.25rem}.summary-section h3{color:#f8fafc;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex}.trade-list.compact{flex-direction:column;gap:.5rem;display:flex}.trade-item{border-radius:6px;align-items:center;gap:.75rem;padding:.5rem;font-family:JetBrains Mono,monospace;font-size:.875rem;display:flex}.trade-item.best{background:#10b9811a}.trade-item.worst{background:#ef44441a}.trade-item .rank{color:#64748b;width:24px}.trade-item .date{color:#94a3b8;flex:1}.trade-item .pnl{font-weight:600}.trade-item .r{color:#94a3b8;font-size:.75rem}.forensics-filters{background:#0f172a66;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-group label{color:#94a3b8;font-size:.875rem}.filter-buttons{gap:.25rem;display:flex}.filter-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}.filter-btn:hover{background:#ffffff1a}.filter-btn.active{color:#3498db;background:#3498db33;border-color:#3498db4d}.sort-select{color:#f8fafc;background:#0f172a99;border:1px solid #ffffff1a;border-radius:6px;padding:.375rem .75rem;font-size:.75rem}.sort-dir-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.375rem .625rem}.filter-results{color:#64748b;margin-left:auto;font-size:.875rem}.trade-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.trade-card{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.trade-card.winner{border-left:3px solid #10b981}.trade-card.loser{border-left:3px solid #ef4444}.trade-card-header{background:#ffffff08;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.trade-card-header .verdict{color:#94a3b8;font-size:.75rem}.trade-card-header .pnl{font-family:JetBrains Mono,monospace;font-weight:700}.trade-card-body{grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem;display:grid}.trade-detail{flex-direction:column;gap:.125rem;display:flex}.trade-detail .label{color:#64748b;text-transform:uppercase;font-size:.625rem}.trade-detail .value{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:.875rem}.trade-detail .value.long{color:#10b981}.trade-detail .value.short{color:#ef4444}.trade-card-footer{color:#64748b;background:#ffffff08;justify-content:space-between;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.ledger-controls{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.search-box{background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;align-items:center;width:300px;padding:.5rem .75rem;display:flex}.search-box i{color:#64748b;margin-right:.5rem}.search-box input{color:#f8fafc;background:0 0;border:none;flex:1;font-size:.875rem}.search-box input:focus{outline:none}.search-box input::placeholder{color:#64748b}.search-box .clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem}.ledger-info{color:#64748b;font-size:.875rem}.ledger-table-wrapper{margin-bottom:1rem;overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%;font-size:.8rem}.ledger-table th,.ledger-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:.625rem .5rem}.ledger-table th{color:#94a3b8;text-transform:uppercase;background:#0f172a99;font-size:.7rem;font-weight:500;position:sticky;top:0}.ledger-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ledger-table th.sortable:hover{color:#f8fafc}.ledger-table th i{margin-left:.25rem;font-size:.625rem}.ledger-table tbody tr{transition:background .15s}.ledger-table tbody tr:hover{background:#ffffff05}.ledger-table tbody tr.winner{background:#10b98108}.ledger-table tbody tr.loser{background:#ef444408}.ledger-table td{color:#e2e8f0;font-family:JetBrains Mono,monospace}.ledger-table td.row-num{color:#64748b}.ledger-table td.date{color:#94a3b8}.ledger-table td.direction.long{color:#10b981}.ledger-table td.direction.short{color:#ef4444}.ledger-table td.pnl,.ledger-table td.r,.ledger-table td.running{font-weight:500}.ledger-table td.verdict{font-family:inherit}.verdict-badge{background:#ffffff0d;border-radius:4px;padding:.125rem .5rem;font-size:.7rem;display:inline-block}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.page-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem .75rem;transition:all .2s}.page-btn:hover:not(:disabled){color:#f8fafc;background:#ffffff1a}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{color:#64748b;padding:0 1rem;font-size:.875rem}.ledger-summary{background:#0f172a66;border-radius:8px;justify-content:center;gap:2rem;padding:1rem;display:flex}.summary-item{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.summary-item .label{color:#64748b}.summary-item .value{color:#f8fafc;font-family:JetBrains Mono,monospace;font-weight:600}.positive{color:#10b981!important}.negative{color:#ef4444!important}@media (max-width:1200px){.ninji-sidebar{width:280px;min-width:280px}}@media (max-width:900px){.ninji-console{flex-direction:column}.ninji-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;max-height:none}.ninji-main{max-height:none}.forensics-summary{grid-template-columns:1fr}.search-box{width:100%}.ledger-controls{flex-direction:column;align-items:stretch;gap:.75rem}}@media (max-width:600px){.ninji-sidebar,.ninji-main{padding:1rem}.ninji-header{flex-direction:column;align-items:flex-start;gap:1rem}.metrics-grid{grid-template-columns:1fr 1fr}.trade-cards{grid-template-columns:1fr}.forensics-filters{flex-direction:column;align-items:stretch}.filter-results{text-align:center;margin-left:0}}body.template-version3 .ninji-console{color:#fff!important;background:linear-gradient(135deg,#082b33 0%,#062329 100%)!important}body.template-version3 .ninji-sidebar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#082b33!important;border-right:1px solid #ffffff1a!important}body.template-version3 .ninji-sidebar h2{color:#fff!important}body.template-version3 .ninji-sidebar h2 i{color:#ff8200!important}body.template-version3 .sidebar-section{background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:12px!important;margin-bottom:1rem!important;padding:1rem!important;box-shadow:inset 2px 2px 5px #051d23,inset -2px -2px 5px #0b3943!important}body.template-version3 .sidebar-section h3{color:#ff8200!important}body.template-version3 .ninji-sidebar .form-group input,body.template-version3 .ninji-sidebar .form-group select{color:#fff!important;background:#062329!important;border:none!important;border-radius:10px!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .ninji-sidebar .form-group input:focus,body.template-version3 .ninji-sidebar .form-group select:focus{box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943,0 0 0 2px #ff8200!important}body.template-version3 .ninji-sidebar .form-group label{color:#b2b2b2!important}body.template-version3 .calculated-values{background:#062329!important;border-radius:12px!important;padding:1rem!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .calculated-values .value{color:#ff8200!important}body.template-version3 .recalculate-btn{color:#fff!important;background:linear-gradient(145deg,#ff8200,#e67600)!important;border:none!important;border-radius:10px!important;transition:all .2s!important;box-shadow:4px 4px 8px #051d23,-4px -4px 8px #0b3943!important}body.template-version3 .recalculate-btn:hover{transform:translateY(-2px)!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .recalculate-btn:active{transform:translateY(0)!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .ninji-tabs{background:#082b33!important;border-bottom:1px solid #ffffff1a!important;box-shadow:0 4px 15px #0000004d!important}body.template-version3 .tab-btn{color:#b2b2b2!important;background:0 0!important;border:none!important;transition:all .25s!important}body.template-version3 .tab-btn:hover{color:#fff!important;background:#ff82001a!important}body.template-version3 .tab-btn.active{color:#ff8200!important;background:#ff820026!important;border-bottom:3px solid #ff8200!important}body.template-version3 .tab-btn i{color:inherit!important}body.template-version3 .ninji-main{background:#082b33!important}body.template-version3 .tab-content{background:0 0!important}body.template-version3 .metric-card{color:#fff!important;background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .metric-card h4{color:#b2b2b2!important}body.template-version3 .metric-card .value{color:#fff!important}body.template-version3 .metric-card.highlight{border-left:4px solid #ff8200!important}body.template-version3 .metric-card.highlight .value{color:#ff8200!important}body.template-version3 .metric-card.danger{border-left:4px solid #c00!important}body.template-version3 .metric-card.danger .value{color:#c00!important}body.template-version3 .metric-card.success{border-left:4px solid #10b981!important}body.template-version3 .metric-card.success .value{color:#10b981!important}body.template-version3 .chart-container{background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .chart-container h3{color:#ff8200!important}body.template-version3 .filter-btn{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:10px!important;transition:all .2s!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .filter-btn:hover{color:#fff!important;background:#082b33!important;border-color:#ff8200!important}body.template-version3 .filter-btn.active{color:#fff!important;background:#ff8200!important;border-color:#ff8200!important;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff1a!important}body.template-version3 .trade-card{background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:14px!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .trade-card.winner{border-left:4px solid #10b981!important}body.template-version3 .trade-card.loser{border-left:4px solid #c00!important}body.template-version3 .trade-card-header{color:#fff!important;border-bottom:1px solid #ffffff1a!important}body.template-version3 .trade-card-header .verdict.winner{color:#10b981!important}body.template-version3 .trade-card-header .verdict.loser{color:#c00!important}body.template-version3 .trade-card-header .pnl.positive{color:#10b981!important}body.template-version3 .trade-card-header .pnl.negative{color:#c00!important}body.template-version3 .trade-card-body,body.template-version3 .trade-card-body .label{color:#b2b2b2!important}body.template-version3 .trade-card-body .value{color:#fff!important}body.template-version3 .trade-card-footer{border-top:1px solid #ffffff1a!important}body.template-version3 .ledger-table-wrapper{overflow:hidden;background:#082b33!important;border-radius:14px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .ledger-table{color:#fff!important}body.template-version3 .ledger-table th{color:#ff8200!important;background:#062329!important;border-bottom:2px solid #ff82004d!important}body.template-version3 .ledger-table th.sortable:hover{background:#ff82001a!important}body.template-version3 .ledger-table th i{color:#ff8200!important}body.template-version3 .ledger-table tbody tr{border-bottom:1px solid #ffffff0d!important}body.template-version3 .ledger-table tbody tr:hover{background:#ff82000d!important}body.template-version3 .ledger-table tbody tr.winner{background:#10b9811a!important}body.template-version3 .ledger-table tbody tr.loser{background:#cc00001a!important}body.template-version3 .ledger-table td{color:#fff!important}body.template-version3 .ledger-table td.row-num{color:#b2b2b2!important}body.template-version3 .ledger-table td.direction.long{color:#10b981!important}body.template-version3 .ledger-table td.direction.short{color:#c00!important}body.template-version3 .ledger-table td.pnl.positive,body.template-version3 .ledger-table td.r.positive,body.template-version3 .ledger-table td.running.positive{color:#10b981!important}body.template-version3 .ledger-table td.pnl.negative,body.template-version3 .ledger-table td.r.negative,body.template-version3 .ledger-table td.running.negative{color:#c00!important}body.template-version3 .pagination{background:#082b33!important}body.template-version3 .pagination button{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:8px!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .pagination button:hover:not(:disabled){color:#ff8200!important;background:#082b33!important;border-color:#ff8200!important}body.template-version3 .pagination button.active{color:#fff!important;background:#ff8200!important;border-color:#ff8200!important}body.template-version3 .pagination button:disabled{opacity:.5!important}body.template-version3 .ledger-search input{color:#fff!important;background:#062329!important;border:none!important;border-radius:10px!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .ledger-search input:focus{box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943,0 0 0 2px #ff8200!important}body.template-version3 .summary-card,body.template-version3 .stat-card{background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:14px!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .summary-card h4,body.template-version3 .stat-card h4{color:#b2b2b2!important}body.template-version3 .summary-card .value,body.template-version3 .stat-card .value{color:#fff!important}body.template-version3 .metrics-grid{gap:1rem!important}body.template-version3 .upload-section,body.template-version3 .csv-upload{background:#062329!important;border:2px dashed #ff82004d!important;border-radius:14px!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .upload-section:hover,body.template-version3 .csv-upload:hover{background:#ff82000d!important;border-color:#ff8200!important}body.template-version3 .upload-section i,body.template-version3 .csv-upload i{color:#ff8200!important}
.fbtv-page{color:#e2e8f0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:calc(100vh - 184px)}.fbtv-container{height:calc(100vh - 184px);display:flex;overflow:hidden}.fbtv-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border-right:1px solid #ffffff1a;flex-direction:column;width:320px;min-width:320px;display:flex;overflow:hidden}.fbtv-sidebar-header{border-bottom:1px solid #ffffff1a;padding:1rem}.fbtv-sidebar-title{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.fbtv-sidebar-title h2{color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:600}.fbtv-sidebar-title i{color:#3b82f6;font-size:1.25rem}.fbtv-search{position:relative}.fbtv-search input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem;transition:all .2s}.fbtv-search input:focus{background:#ffffff14;border-color:#3b82f6;outline:none}.fbtv-search input::placeholder{color:#64748b}.fbtv-search i{color:#64748b;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.fbtv-categories{border-bottom:1px solid #ffffff0d;gap:.25rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.fbtv-category-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.fbtv-category-btn:hover{color:#e2e8f0;background:#ffffff0d}.fbtv-category-btn.active{color:#fff;background:#3b82f6}.fbtv-category-btn .count{background:#fff3;border-radius:10px;padding:.125rem .375rem;font-size:.7rem}.fbtv-channel-list{flex:1;padding:.5rem;overflow-y:auto}.fbtv-channel-group{margin-bottom:1rem}.fbtv-channel-group-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.fbtv-channel-card{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem;transition:all .2s;display:flex}.fbtv-channel-card:hover{background:#ffffff14;border-color:#ffffff1a;transform:translate(4px)}.fbtv-channel-card.active{background:#3b82f626;border-color:#3b82f6}.fbtv-channel-card.active .fbtv-channel-name{color:#3b82f6}.fbtv-channel-logo{background:#ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.fbtv-channel-logo img{object-fit:contain;width:100%;height:100%}.fbtv-channel-logo i{color:#64748b;font-size:1.25rem}.fbtv-channel-info{flex:1;min-width:0}.fbtv-channel-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.fbtv-channel-group-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.fbtv-channel-actions{align-items:center;gap:.25rem;display:flex}.fbtv-favorite-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.375rem;transition:all .2s}.fbtv-favorite-btn:hover{color:#fbbf24;background:#fbbf241a}.fbtv-favorite-btn.active{color:#fbbf24}.fbtv-live-indicator{color:#ef4444;text-transform:uppercase;align-items:center;gap:.25rem;font-size:.65rem;font-weight:600;display:flex}.fbtv-live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fbtv-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.fbtv-player-header{background:#1e293b99;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.fbtv-now-playing{align-items:center;gap:1rem;display:flex}.fbtv-now-playing-info h3{color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:600}.fbtv-now-playing-info p{color:#64748b;margin:0;font-size:.85rem}.fbtv-player-actions{align-items:center;gap:.5rem;display:flex}.fbtv-action-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:all .2s;display:flex}.fbtv-action-btn:hover{color:#e2e8f0;background:#ffffff1a}.fbtv-action-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.fbtv-player-container{flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.fbtv-player-wrapper{background:#000;border-radius:12px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fbtv-video-player{object-fit:contain;width:100%;height:100%}.fbtv-player-controls{opacity:0;background:linear-gradient(#0000,#000c);align-items:center;gap:1rem;padding:1rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.fbtv-player-wrapper:hover .fbtv-player-controls{opacity:1}.fbtv-control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:.5rem;font-size:1rem;transition:all .2s}.fbtv-control-btn:hover{background:#fff3}.fbtv-volume-control{align-items:center;gap:.5rem;display:flex}.fbtv-volume-slider{-webkit-appearance:none;cursor:pointer;background:#ffffff4d;border-radius:2px;width:80px;height:4px}.fbtv-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.fbtv-control-spacer{flex:1}.fbtv-control-channel-name{color:#fff;font-size:.9rem;font-weight:500}.fbtv-status-badge{text-transform:uppercase;background:#0009;border-radius:4px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:1rem;left:1rem}.fbtv-status-badge.live{color:#ef4444}.fbtv-status-badge.paused{color:#fbbf24}.fbtv-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.fbtv-status-badge.live .fbtv-status-dot{animation:2s infinite pulse}.fbtv-loading-overlay{background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.fbtv-loading-spinner{border:3px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fbtv-loading-text{color:#94a3b8;font-size:.9rem}.fbtv-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:flex}.fbtv-empty-icon{background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.fbtv-empty-icon i{color:#3b82f6;font-size:3rem}.fbtv-empty-state h2{color:#f1f5f9;margin:0;font-size:1.5rem;font-weight:600}.fbtv-empty-state p{color:#64748b;max-width:400px;margin:0}.fbtv-setup-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.fbtv-setup-btn:hover{background:#2563eb;transform:translateY(-2px)}.fbtv-settings-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fbtv-settings-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:absolute;inset:0}.fbtv-settings-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:500px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.fbtv-settings-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.fbtv-settings-header h3{color:#f1f5f9;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.fbtv-settings-header h3 i{color:#3b82f6}.fbtv-settings-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .2s}.fbtv-settings-close:hover{color:#e2e8f0;background:#ffffff1a}.fbtv-settings-body{padding:1.5rem}.fbtv-form-group{margin-bottom:1.25rem}.fbtv-form-group label{color:#e2e8f0;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.fbtv-form-group .hint{color:#64748b;margin-top:.375rem;font-size:.8rem}.fbtv-form-input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.fbtv-form-input:focus{background:#ffffff14;border-color:#3b82f6;outline:none}.fbtv-form-input::placeholder{color:#64748b}.fbtv-settings-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.fbtv-btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:.625rem 1.25rem;transition:all .2s}.fbtv-btn-cancel:hover{color:#e2e8f0;background:#ffffff0d}.fbtv-btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.fbtv-btn-save:hover{background:#2563eb}.fbtv-btn-save:disabled{opacity:.6;cursor:not-allowed}.fbtv-page.theater-mode .fbtv-sidebar,.fbtv-page.theater-mode .fbtv-player-header{display:none}.fbtv-page.theater-mode .fbtv-player-container{padding:0}.fbtv-page.theater-mode .fbtv-player-wrapper{border-radius:0}.fbtv-shortcuts{background:#0000004d;border-radius:8px;gap:1rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.fbtv-shortcut-item{color:#94a3b8;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.fbtv-shortcut-item kbd{color:#e2e8f0;background:#ffffff1a;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.75rem}@media (max-width:1024px){.fbtv-sidebar{width:280px;min-width:280px}}@media (max-width:768px){.fbtv-container{flex-direction:column}.fbtv-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;min-width:100%;height:auto;max-height:40vh}.fbtv-main{flex:1}.fbtv-player-header{flex-direction:column;align-items:flex-start;gap:.75rem}.fbtv-shortcuts{flex-wrap:wrap;gap:.5rem}}body.template-version3 .fbtv-page{color:#fff!important;background:linear-gradient(135deg,#082b33 0%,#062329 100%)!important}body.template-version3 .fbtv-container{background:0 0!important}body.template-version3 .fbtv-sidebar{background:#082b33!important;border-right:1px solid #ffffff1a!important;box-shadow:5px 0 20px #0000004d!important}body.template-version3 .fbtv-sidebar-header{border-bottom:1px solid #ffffff1a!important}body.template-version3 .fbtv-sidebar-title h2{color:#fff!important}body.template-version3 .fbtv-sidebar-title i{color:#ff8200!important}body.template-version3 .fbtv-search input{color:#fff!important;background:#062329!important;border:none!important;border-radius:12px!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .fbtv-search input:focus{box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943,0 0 0 2px #ff8200!important}body.template-version3 .fbtv-search input::placeholder,body.template-version3 .fbtv-search i{color:#b2b2b2!important}body.template-version3 .fbtv-category-btn{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:10px!important;transition:all .2s!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .fbtv-category-btn:hover{color:#fff!important;background:#082b33!important;border-color:#ff8200!important}body.template-version3 .fbtv-category-btn.active{color:#fff!important;background:#ff8200!important;border-color:#ff8200!important;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff1a!important}body.template-version3 .fbtv-category-btn .count{color:#ff8200!important;background:#ff820033!important}body.template-version3 .fbtv-category-btn.active .count{color:#fff!important;background:#fff3!important}body.template-version3 .fbtv-channel-group-header{color:#ff8200!important;border-bottom:1px solid #ff820033!important}body.template-version3 .fbtv-channel-card{background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:12px!important;transition:all .2s!important;box-shadow:5px 5px 10px #051d23,-5px -5px 10px #0b3943!important}body.template-version3 .fbtv-channel-card:hover{border-color:#ff82004d!important;transform:translateY(-2px)!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .fbtv-channel-card.active{border-color:#ff8200!important;box-shadow:0 0 0 2px #ff82004d,5px 5px 10px #051d23,-5px -5px 10px #0b3943!important}body.template-version3 .fbtv-channel-card.active .fbtv-channel-name{color:#ff8200!important}body.template-version3 .fbtv-channel-logo{background:#062329!important;border-radius:10px!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .fbtv-channel-logo i{color:#ff8200!important}body.template-version3 .fbtv-channel-name{color:#fff!important}body.template-version3 .fbtv-channel-group-name{color:#b2b2b2!important}body.template-version3 .fbtv-favorite-btn{color:#b2b2b2!important;background:#062329!important;border-radius:8px!important;box-shadow:2px 2px 4px #051d23,-2px -2px 4px #0b3943!important}body.template-version3 .fbtv-favorite-btn:hover{color:#ff8200!important}body.template-version3 .fbtv-favorite-btn.active{color:#ff8200!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .fbtv-live-indicator{color:#10b981!important;background:#10b98133!important}body.template-version3 .fbtv-live-dot{background:#10b981!important}body.template-version3 .fbtv-main{background:#062329!important}body.template-version3 .fbtv-player-header{background:#082b33!important;border-bottom:1px solid #ffffff1a!important}body.template-version3 .fbtv-now-playing-info h3{color:#fff!important}body.template-version3 .fbtv-now-playing-info p{color:#b2b2b2!important}body.template-version3 .fbtv-action-btn{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:10px!important;transition:all .2s!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .fbtv-action-btn:hover{color:#fff!important;background:#082b33!important;border-color:#ff8200!important}body.template-version3 .fbtv-action-btn.active{color:#fff!important;background:#ff8200!important;border-color:#ff8200!important;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff1a!important}body.template-version3 .fbtv-player-container{background:#082b33!important;border-radius:16px!important;box-shadow:10px 10px 20px #051d23,-10px -10px 20px #0b3943!important}body.template-version3 .fbtv-player-wrapper{border-radius:14px!important;overflow:hidden!important}body.template-version3 .fbtv-player-controls{background:linear-gradient(#0000,#082b33f2)!important}body.template-version3 .fbtv-control-btn{color:#fff!important;background:#082b33b3!important;border-radius:8px!important;box-shadow:2px 2px 4px #0000004d!important}body.template-version3 .fbtv-control-btn:hover{color:#fff!important;background:#ff8200!important}body.template-version3 .fbtv-volume-slider{background:#062329!important}body.template-version3 .fbtv-volume-slider::-webkit-slider-thumb{background:#ff8200!important;box-shadow:0 0 5px #ff820080!important}body.template-version3 .fbtv-control-channel-name{color:#fff!important}body.template-version3 .fbtv-status-badge{color:#b2b2b2!important;background:#b2b2b233!important;border-radius:8px!important}body.template-version3 .fbtv-status-badge.live{color:#10b981!important;background:#10b98133!important}body.template-version3 .fbtv-status-badge.paused{color:#f59e0b!important;background:#f59e0b33!important}body.template-version3 .fbtv-settings-modal,body.template-version3 .fbtv-modal{background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:20px 20px 40px #051d23,-20px -20px 40px #0b3943!important}body.template-version3 .fbtv-modal-header{color:#fff!important;border-bottom:1px solid #ffffff1a!important}body.template-version3 .fbtv-modal-header h3{color:#ff8200!important}body.template-version3 .fbtv-modal-body{background:0 0!important}body.template-version3 .fbtv-form-group label{color:#b2b2b2!important}body.template-version3 .fbtv-form-group input,body.template-version3 .fbtv-form-group select{color:#fff!important;background:#062329!important;border:none!important;border-radius:10px!important;box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943!important}body.template-version3 .fbtv-form-group input:focus,body.template-version3 .fbtv-form-group select:focus{box-shadow:inset 3px 3px 6px #051d23,inset -3px -3px 6px #0b3943,0 0 0 2px #ff8200!important}body.template-version3 .fbtv-shortcuts{gap:.5rem}body.template-version3 .fbtv-shortcut-btn{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:8px!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .fbtv-shortcut-btn:hover{color:#ff8200!important;border-color:#ff8200!important}
.portfolio-page{max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem}.portfolio-page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.portfolio-page-header h1{color:var(--text-primary);align-items:center;gap:.75rem;font-size:2rem;font-weight:700;display:flex}.portfolio-page-header h1 i{color:var(--accent)}.portfolio-hero{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);text-align:center;border-radius:20px;margin-bottom:2rem;padding:3rem;position:relative;overflow:hidden}.portfolio-hero:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-purple),var(--accent-green));height:4px;position:absolute;top:0;left:0;right:0}.portfolio-hero h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.portfolio-hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.portfolio-metrics{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;display:flex}.metric-card{border:1px solid var(--border-light);text-align:center;min-width:140px;transition:all var(--transition-normal);background:#ffffff0d;border-radius:12px;padding:1.5rem 2rem}.metric-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.metric-value{color:var(--accent-green);font-size:2rem;font-weight:700;line-height:1.2}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.85rem}.portfolio-hero-cta{margin-top:2rem}.btn-cta{background:linear-gradient(135deg,var(--accent),var(--accent-purple));color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3498db4d}.btn-cta i{transition:transform var(--transition-normal)}.btn-cta:hover i{transform:translate(4px)}.portfolio-filters{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.filter-search{flex:1;min-width:250px;position:relative}.filter-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.filter-search input{border:1px solid var(--border-light);width:100%;color:var(--text-primary);transition:all var(--transition-normal);background:#ffffff1a;border-radius:10px;padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem}.filter-search input:focus{border-color:var(--accent);background:#ffffff26;outline:none}.filter-search input::placeholder{color:var(--text-muted)}.filter-dropdowns{flex-wrap:wrap;gap:.75rem;display:flex}.filter-dropdown select{border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);appearance:none;background:#ffffff1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b0c4de' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") right .75rem center no-repeat;border-radius:10px;padding:.75rem 2rem .75rem 1rem;font-size:.9rem}.filter-dropdown select:focus{border-color:var(--accent);outline:none}.filter-dropdown select option{background:var(--bg-secondary);color:var(--text-primary)}.filter-toggles{gap:.5rem;display:flex}.filter-toggle{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.filter-toggle:hover{border-color:var(--glass-border-hover);color:var(--text-primary)}.filter-toggle.active{border-color:var(--accent);color:var(--accent);background:#3498db33}.filter-toggle i{font-size:.85rem}.filter-clear{color:#ef4444;cursor:pointer;transition:all var(--transition-normal);background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.filter-clear:hover{background:#ef444433;border-color:#ef444480}.portfolio-grid-container{margin-top:1rem}.portfolio-section{margin-bottom:2rem}.portfolio-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-light);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:600;display:flex}.portfolio-section-title i{color:var(--accent)}.portfolio-section-title i.fa-star{color:#f59e0b}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.portfolio-grid-featured{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.site-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:all var(--transition-normal);border-radius:16px;overflow:hidden}.site-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}.site-card-image{background:#0003;width:100%;height:180px;position:relative;overflow:hidden}.site-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.site-card:hover .site-card-image img{transform:scale(1.05)}.site-card-placeholder{background:linear-gradient(135deg,#3498db1a,#7c3aed1a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.site-card-placeholder i{color:var(--text-muted);font-size:3rem}.site-card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000000b3;border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;display:flex;position:absolute;top:.75rem;left:.75rem}.site-card-badge i{font-size:.85rem}.site-card-featured{color:#fff;background:#f59e0be6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 2px 8px #f59e0b66}.site-card-private{color:#fff;background:#6b7280e6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex;position:absolute;top:.75rem;right:3rem}.site-card-content{padding:1.25rem}.site-card-header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.site-card-logo{object-fit:contain;background:#ffffff1a;border-radius:8px;width:40px;height:40px;padding:4px}.site-card-titles{flex:1;min-width:0}.site-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:1.1rem;font-weight:600;overflow:hidden}.site-card-domain{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;text-decoration:none;display:block;overflow:hidden}.site-card-domain:hover{text-decoration:underline}.site-card-client{color:var(--text-muted);margin:.5rem 0;font-size:.8rem}.site-card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.75rem 0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.site-card-status-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.status-pill{border-radius:20px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.industry-tag{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:.25rem .5rem;font-size:.75rem}.site-card-services{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.service-tag{color:var(--text-secondary);background:#ffffff14;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.7rem;display:flex}.service-tag i{opacity:.8;font-size:.65rem}.service-tag-more{color:var(--accent);background:#3498db1a}.site-card-highlights{margin:1rem 0 0;padding:0;list-style:none}.site-card-highlights li{color:var(--accent-green);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8rem;display:flex}.site-card-highlights li:before{content:"";font-family:"Font Awesome 5 Free";font-size:.7rem;font-weight:900}.site-card-actions{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.site-card-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.8rem;text-decoration:none;display:inline-flex}.site-card-btn:hover{border-color:var(--glass-border-hover);color:var(--text-primary);background:#ffffff0d}.site-card-btn-visit{color:var(--accent);background:#3498db1a;border-color:#3498db4d}.site-card-btn-visit:hover{background:#3498db33}.site-card-btn-edit{color:var(--accent-purple);background:#7c3aed1a;border-color:#7c3aed4d}.site-card-btn-edit:hover{background:#7c3aed33}.site-card-btn-icon{justify-content:center;width:32px;height:32px;padding:0}.site-card-btn-icon.active{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b66}.site-card-btn-danger{color:#ef4444cc;border-color:#ef44444d}.site-card-btn-danger:hover{color:#ef4444;background:#ef444426;border-color:#ef444480}.portfolio-grid-empty{text-align:center;padding:4rem 2rem}.empty-state{max-width:400px;margin:0 auto}.empty-state i{color:var(--text-muted);margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.empty-state p{color:var(--text-secondary)}.portfolio-grid-loading{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.site-card-skeleton{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.skeleton-image{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;width:100%;height:180px;animation:1.5s infinite shimmer}.skeleton-content{padding:1.25rem}.skeleton-title{background:#ffffff1a;border-radius:4px;width:60%;height:20px;margin-bottom:.75rem}.skeleton-text{background:#ffffff14;border-radius:4px;width:40%;height:14px;margin-bottom:1rem}.skeleton-tags{background:#ffffff0f;border-radius:4px;width:80%;height:24px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.portfolio-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.portfolio-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.portfolio-modal-header{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#3498db1a,#7c3aed1a);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.portfolio-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.portfolio-modal-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.portfolio-modal-close:hover{color:var(--text-primary);background:#fff3}.portfolio-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.portfolio-modal-footer{border-top:1px solid var(--border-light);background:#0000001a;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.form-section{border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.9rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-light);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff14;border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);background:#ffffff1f;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.form-group textarea{resize:vertical;min-height:80px}.form-group-checkbox{align-items:center;height:100%;display:flex}.form-group-checkbox label{cursor:pointer;align-items:center;gap:.75rem;margin:0;display:flex}.form-group-checkbox input{width:auto;accent-color:var(--accent)}.services-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.service-checkbox{border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.service-checkbox:hover{border-color:var(--glass-border-hover)}.service-checkbox input{accent-color:var(--accent)}.service-checkbox span{color:var(--text-secondary);font-size:.85rem}.service-checkbox:has(input:checked){border-color:var(--accent);background:#3498db26}.service-checkbox:has(input:checked) span{color:var(--text-primary)}.btn-cancel{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem}.btn-cancel:hover{border-color:var(--glass-border-hover);color:var(--text-primary)}.btn-save{background:linear-gradient(135deg,var(--accent),var(--accent-purple));color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-add-site{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-add-site:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.portfolio-settings-panel{padding:1.5rem}.settings-panel-header{margin-bottom:1.5rem}.settings-panel-header h3{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;display:flex}.settings-panel-header h3 i{color:var(--accent)}.settings-panel-header p{color:var(--text-secondary);margin:0}.settings-panel-actions{gap:1rem;margin-bottom:2rem;display:flex}.settings-action-btn{border:1px solid var(--border-light);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff14;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;text-decoration:none;display:inline-flex}.settings-action-btn:hover{border-color:var(--glass-border-hover);color:var(--text-primary)}.settings-action-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-purple));color:#fff;border-color:#0000}.settings-action-btn-primary:hover{color:#fff;transform:translateY(-2px)}.settings-panel-form{border:1px solid var(--border-light);background:#ffffff08;border-radius:12px;padding:1.5rem}.settings-group{margin-bottom:2rem}.settings-group:last-child{margin-bottom:0}.settings-group h4{color:var(--text-primary);border-bottom:1px solid var(--border-light);margin:0 0 1rem;padding-bottom:.5rem;font-size:.95rem;font-weight:600}.settings-field{margin-bottom:1rem}.settings-field label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.settings-field input,.settings-field select{border:1px solid var(--border-light);width:100%;color:var(--text-primary);background:#ffffff14;border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.settings-field input:focus,.settings-field select:focus{border-color:var(--accent);outline:none}.settings-field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.settings-checkbox{margin-bottom:1rem}.settings-checkbox label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.settings-checkbox input{accent-color:var(--accent)}.settings-checkbox span{color:var(--text-primary);font-size:.95rem}.settings-help{color:var(--text-muted);margin:.5rem 0 0 1.75rem;font-size:.8rem}.settings-panel-footer{border-top:1px solid var(--border-light);margin-top:2rem;padding-top:1.5rem}.settings-panel-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.portfolio-admin-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.admin-stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:12px;padding:1.25rem}.admin-stat-value{color:var(--accent);font-size:1.75rem;font-weight:700}.admin-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}@media (max-width:768px){.portfolio-page{padding:1rem}.portfolio-hero{padding:2rem 1.5rem}.portfolio-hero h1{font-size:1.75rem}.portfolio-metrics{gap:1rem}.metric-card{min-width:100px;padding:1rem}.metric-value{font-size:1.5rem}.portfolio-filters{flex-direction:column}.filter-search{min-width:100%}.filter-dropdowns{width:100%}.filter-dropdown{flex:1}.filter-dropdown select{width:100%}.portfolio-grid,.form-row,.settings-field-row{grid-template-columns:1fr}.portfolio-modal{max-height:95vh;margin:.5rem}.settings-panel-actions{flex-direction:column}}.portfolio-footer{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;justify-content:flex-end;align-items:center;margin-top:3rem;padding:1.5rem 2rem;display:flex}.portfolio-footer-brand{color:var(--text-muted);letter-spacing:.05em;font-size:.9rem;font-weight:600}.portfolio-header-title{flex-direction:column;gap:.25rem;display:flex}.portfolio-header-title p{color:var(--text-secondary);margin:0;font-size:.95rem}.portfolio-header-actions{align-items:center;gap:.75rem;display:flex}@media (max-width:768px){.portfolio-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.portfolio-header-actions{flex-wrap:wrap;width:100%}.portfolio-header-actions .btn-add-site{flex:1}}body.template-version3 .portfolio-page{background:#082b33!important}body.template-version3 .portfolio-page-header h1{color:#fff!important}body.template-version3 .portfolio-page-header h1 i{color:#ff8200!important}body.template-version3 .portfolio-header-title p{color:#b2b2b2!important}body.template-version3 .portfolio-admin-stats{gap:1rem!important}body.template-version3 .admin-stat-card{background:#062329!important;border:1px solid #ffffff1a!important;border-radius:14px!important;transition:all .3s!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .admin-stat-card:hover{transform:translateY(-4px)!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .admin-stat-value{color:#ff8200!important}body.template-version3 .admin-stat-label{color:#b2b2b2!important}body.template-version3 .portfolio-filters{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:14px!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .filter-search input{color:#fff!important;background:#082b33!important;border:1px solid #ffffff26!important;border-radius:10px!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .filter-search input:focus{background:#082b33!important;border-color:#ff8200!important}body.template-version3 .filter-search input::placeholder{color:#8a8a8a!important}body.template-version3 .filter-search-icon{color:#ff8200!important}body.template-version3 .filter-dropdown select{color:#fff!important;background:#082b33!important;border:1px solid #ffffff26!important;border-radius:10px!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .filter-dropdown select:focus{border-color:#ff8200!important}body.template-version3 .filter-dropdown select option{color:#fff!important;background:#082b33!important}body.template-version3 .filter-toggle{color:#b2b2b2!important;background:#082b33!important;border:1px solid #ffffff26!important;border-radius:10px!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .filter-toggle:hover{color:#fff!important;border-color:#ff8200!important}body.template-version3 .filter-toggle.active{color:#fff!important;background:linear-gradient(145deg,#ff8200,#e67600)!important;border-color:#ff8200!important;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff1a!important}body.template-version3 .filter-clear{color:#ef4444!important;background:#ef44441a!important;border:1px solid #ef44444d!important;border-radius:10px!important}body.template-version3 .filter-clear:hover{background:#ef444433!important}body.template-version3 .site-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:16px!important;transition:all .3s!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .site-card:hover{border-color:#ff82004d!important;transform:translateY(-6px)!important;box-shadow:10px 10px 20px #051d23,-10px -10px 20px #0b3943!important}body.template-version3 .site-card-image{background:#051d23!important}body.template-version3 .site-card-placeholder{background:linear-gradient(135deg,#ff82001a,#e676000d)!important}body.template-version3 .site-card-placeholder i{color:#ff8200!important;opacity:.5!important}body.template-version3 .site-card-badge{background:#000c!important;border:1px solid #ff82004d!important}body.template-version3 .site-card-featured{background:linear-gradient(145deg,#ff8200,#e67600)!important;box-shadow:0 2px 8px #ff820066!important}body.template-version3 .site-card-title{color:#fff!important}body.template-version3 .site-card-domain{color:#ff8200!important}body.template-version3 .site-card-domain:hover{color:#ffaa4d!important}body.template-version3 .site-card-client{color:#8a8a8a!important}body.template-version3 .site-card-description{color:#b2b2b2!important}body.template-version3 .status-pill{border:1px solid #ffffff1a!important}body.template-version3 .industry-tag{color:#ff8200!important;background:#ff82001a!important}body.template-version3 .service-tag{color:#b2b2b2!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}body.template-version3 .service-tag i{color:#ff8200!important}body.template-version3 .service-tag-more{color:#ff8200!important;background:#ff820026!important}body.template-version3 .site-card-highlights li{color:#10b981!important}body.template-version3 .site-card-actions{border-top:1px solid #ffffff1a!important}body.template-version3 .site-card-btn{color:#b2b2b2!important;background:#082b33!important;border:1px solid #ffffff26!important;border-radius:8px!important;box-shadow:2px 2px 4px #051d23,-2px -2px 4px #0b3943!important}body.template-version3 .site-card-btn:hover{color:#fff!important;background:#082b33!important;border-color:#ff8200!important}body.template-version3 .site-card-btn-visit{color:#ff8200!important;background:#ff820026!important;border-color:#ff820066!important}body.template-version3 .site-card-btn-visit:hover{color:#fff!important;background:#ff8200!important}body.template-version3 .site-card-btn-edit{color:#a78bfa!important;background:#7c3aed26!important;border-color:#7c3aed66!important}body.template-version3 .site-card-btn-edit:hover{background:#7c3aed4d!important}body.template-version3 .site-card-btn-icon.active{color:#ff8200!important;background:#ff820033!important;border-color:#ff8200!important}body.template-version3 .site-card-btn-danger{color:#ef4444cc!important;border-color:#ef444466!important}body.template-version3 .site-card-btn-danger:hover{color:#ef4444!important;background:#ef444433!important}body.template-version3 .portfolio-section-title{color:#fff!important;border-bottom:1px solid #ffffff1a!important}body.template-version3 .portfolio-section-title i{color:#ff8200!important}body.template-version3 .portfolio-section-title i.fa-star{color:#f59e0b!important}body.template-version3 .btn-add-site{color:#fff!important;background:linear-gradient(145deg,#ff8200,#e67600)!important;border:none!important;border-radius:12px!important;box-shadow:4px 4px 8px #051d23,-4px -4px 8px #0b3943!important}body.template-version3 .btn-add-site:hover{transform:translateY(-3px)!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943,0 4px 20px #ff820066!important}body.template-version3 .btn-cta{background:linear-gradient(145deg,#ff8200,#e67600)!important;box-shadow:4px 4px 8px #051d23,-4px -4px 8px #0b3943!important}body.template-version3 .btn-cta:hover{box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943,0 8px 24px #ff820066!important}body.template-version3 .portfolio-modal-overlay{background:#000000d9!important}body.template-version3 .portfolio-modal{background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:20px 20px 40px #051d23,-20px -20px 40px #0b3943!important}body.template-version3 .portfolio-modal-header{background:linear-gradient(135deg,#ff820026,#e676000d)!important;border-bottom:1px solid #ffffff1a!important}body.template-version3 .portfolio-modal-header h2{color:#fff!important}body.template-version3 .portfolio-modal-close{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:10px!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .portfolio-modal-close:hover{color:#fff!important;background:#ff8200!important}body.template-version3 .portfolio-modal-footer{background:#0003!important;border-top:1px solid #ffffff1a!important}body.template-version3 .form-section{border-bottom:1px solid #ffffff1a!important}body.template-version3 .form-section-title{color:#ff8200!important}body.template-version3 .form-group label{color:#b2b2b2!important}body.template-version3 .form-group input,body.template-version3 .form-group select,body.template-version3 .form-group textarea{color:#fff!important;background:#062329!important;border:1px solid #ffffff26!important;border-radius:10px!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .form-group input:focus,body.template-version3 .form-group select:focus,body.template-version3 .form-group textarea:focus{border-color:#ff8200!important}body.template-version3 .form-group input::placeholder,body.template-version3 .form-group textarea::placeholder{color:#8a8a8a!important}body.template-version3 .form-group select option{color:#fff!important;background:#082b33!important}body.template-version3 .service-checkbox{background:#062329!important;border:1px solid #ffffff1a!important;border-radius:10px!important;box-shadow:2px 2px 4px #051d23,-2px -2px 4px #0b3943!important}body.template-version3 .service-checkbox:hover{border-color:#ff8200!important}body.template-version3 .service-checkbox span{color:#b2b2b2!important}body.template-version3 .service-checkbox:has(input:checked){background:linear-gradient(145deg,#ff820033,#e676001a)!important;border-color:#ff8200!important}body.template-version3 .service-checkbox:has(input:checked) span{color:#fff!important}body.template-version3 .service-checkbox input{accent-color:#ff8200!important}body.template-version3 .btn-cancel{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff26!important;border-radius:10px!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .btn-cancel:hover{color:#fff!important;border-color:#ffffff4d!important}body.template-version3 .btn-save{background:linear-gradient(145deg,#ff8200,#e67600)!important;border:none!important;border-radius:10px!important;box-shadow:4px 4px 8px #051d23,-4px -4px 8px #0b3943!important}body.template-version3 .btn-save:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943,0 4px 16px #ff820066!important}body.template-version3 .empty-state i{color:#ff8200!important;opacity:.5!important}body.template-version3 .empty-state h3{color:#fff!important}body.template-version3 .empty-state p{color:#b2b2b2!important}body.template-version3 .site-card-skeleton{background:#062329!important;border:1px solid #ffffff1a!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .skeleton-image{background:linear-gradient(90deg,#ff82000d 25%,#ff82001a 50%,#ff82000d 75%) 0 0/200% 100%!important}body.template-version3 .skeleton-title,body.template-version3 .skeleton-text,body.template-version3 .skeleton-tags{background:#ffffff14!important}body.template-version3 .portfolio-hero{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:8px 8px 16px #051d23,-8px -8px 16px #0b3943!important}body.template-version3 .portfolio-hero:before{background:linear-gradient(90deg,#ff8200,#e67600,#ff8200)!important}body.template-version3 .portfolio-hero h1{color:#fff!important}body.template-version3 .portfolio-hero-subtitle{color:#b2b2b2!important}body.template-version3 .metric-card{background:#082b33!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:4px 4px 8px #051d23,-4px -4px 8px #0b3943!important}body.template-version3 .metric-card:hover{border-color:#ff82004d!important;transform:translateY(-4px)!important}body.template-version3 .metric-value{color:#ff8200!important}body.template-version3 .metric-label{color:#8a8a8a!important}body.template-version3 .portfolio-settings-panel{background:#082b33!important}body.template-version3 .settings-panel-header h3{color:#fff!important}body.template-version3 .settings-panel-header h3 i{color:#ff8200!important}body.template-version3 .settings-panel-header p{color:#b2b2b2!important}body.template-version3 .settings-action-btn{color:#b2b2b2!important;background:#062329!important;border:1px solid #ffffff26!important;border-radius:10px!important;box-shadow:3px 3px 6px #051d23,-3px -3px 6px #0b3943!important}body.template-version3 .settings-action-btn:hover{color:#fff!important;border-color:#ff8200!important}body.template-version3 .settings-action-btn-primary{color:#fff!important;background:linear-gradient(145deg,#ff8200,#e67600)!important;border-color:#0000!important}body.template-version3 .settings-panel-form{background:#062329!important;border:1px solid #ffffff1a!important;border-radius:14px!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .settings-group h4{color:#ff8200!important;border-bottom:1px solid #ffffff1a!important}body.template-version3 .settings-field label{color:#b2b2b2!important}body.template-version3 .settings-field input,body.template-version3 .settings-field select{color:#fff!important;background:#082b33!important;border:1px solid #ffffff26!important;border-radius:10px!important;box-shadow:inset 2px 2px 4px #051d23,inset -2px -2px 4px #0b3943!important}body.template-version3 .settings-field input:focus,body.template-version3 .settings-field select:focus{border-color:#ff8200!important}body.template-version3 .settings-checkbox span{color:#fff!important}body.template-version3 .settings-checkbox input{accent-color:#ff8200!important}body.template-version3 .settings-help{color:#8a8a8a!important}body.template-version3 .settings-panel-footer{border-top:1px solid #ffffff1a!important}body.template-version3 .settings-panel-loading{color:#ff8200!important}body.template-version3 .portfolio-footer{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#062329!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:6px 6px 12px #051d23,-6px -6px 12px #0b3943!important}body.template-version3 .portfolio-footer-brand{color:#ff8200!important}.portfolio-standalone{background:var(--bg-primary,#0f1115);min-height:100vh}.portfolio-standalone-header{background:var(--glass-bg,#161b22cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border,#ffffff1a);justify-content:center;align-items:center;padding:2rem;display:flex}.portfolio-logo-text{letter-spacing:.1em;color:var(--text-primary,#fff);text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.portfolio-standalone.default .portfolio-standalone-header{background:#161b22e6;border-bottom:1px solid #ffffff14}.portfolio-standalone.default .portfolio-logo-text{background:linear-gradient(135deg,#fff 0%,#64748b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-standalone.version3{background:#082b33}.portfolio-standalone.version3 .portfolio-standalone-header{background:#062329;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d}.portfolio-standalone.version3 .portfolio-logo-text{background:linear-gradient(135deg,#ff8200 0%,#fa4 50%,#ff8200 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.portfolio-standalone-header{padding:1.5rem 1rem}.portfolio-logo-text{letter-spacing:.05em;font-size:1.5rem}}