:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#0f172a;--dark-card:#1e293b;--dark-border:#334155;--dark-muted:#64748b;--text:#f8fafc;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,system-ui,sans-serif;background:var(--dark);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--primary-light);text-decoration:none}a:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:none;border-radius:8px;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 15px rgba(99,102,241,.4)}.btn-secondary{background:var(--dark-card);color:var(--text);border:1px solid var(--dark-border)}.btn-secondary:hover{background:var(--dark-border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 15px rgba(239,68,68,.28)}.btn-warning{background:rgba(245,158,11,.16);color:#fbbf24;border:1px solid rgba(245,158,11,.28)}.btn-warning:hover{background:rgba(245,158,11,.26)}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:12px;padding:1.5rem}.card-glass{background:rgba(30,41,59,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1.5rem}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#0a0f1e;border-right:1px solid var(--dark-border);display:flex;flex-direction:column;padding:1.5rem 0;position:fixed;top:0;left:0;height:100vh;z-index:100}.main-content{margin-left:260px;flex:1 1;padding:2rem;min-height:100vh}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--dark-border);margin-bottom:1rem}.sidebar-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.sidebar-logo-text{font-weight:700;font-size:1rem;color:var(--text)}.sidebar-logo-sub{font-size:.7rem;color:var(--text-muted)}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{color:var(--text);background:rgba(99,102,241,.1)}.nav-item.active{color:var(--primary-light);background:rgba(99,102,241,.15);border-right:2px solid var(--primary)}.nav-section{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dark-muted);padding:1rem 1.5rem .5rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:12px;padding:1.25rem;transition:border-color .2s}.stat-card:hover{border-color:var(--primary)}.stat-value{font-size:2rem;font-weight:800;margin:.25rem 0}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.table-container{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table{width:100%;min-width:680px;border-collapse:collapse}.table th{background:#0f172a;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--dark-border)}.table td,.table th{padding:.875rem 1rem}.table td{border-bottom:1px solid rgba(51,65,85,.5);font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:rgba(99,102,241,.05)}.projects-shell{display:grid;grid-gap:1rem;gap:1rem}.projects-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.project-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem}.project-summary-card{background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.96));border:1px solid rgba(148,163,184,.14);border-radius:12px;padding:1rem;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.project-summary-card:hover{border-color:rgba(129,140,248,.55);transform:translateY(-1px)}.project-summary-card span{display:block;font-size:1.6rem;font-weight:800;line-height:1.1}.project-summary-card small{display:block;margin-top:.35rem;color:var(--text-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.projects-toolbar{background:rgba(30,41,59,.78);border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:1rem;display:grid;grid-gap:.85rem;gap:.85rem}.project-search{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.75rem;gap:.75rem}.project-search span{color:var(--text-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.project-search input{width:100%;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.18);border-radius:10px;color:var(--text);padding:.7rem .9rem;font:inherit;outline:none}.project-search input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.status-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.status-chip{display:inline-flex;align-items:center;gap:.45rem;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.14);border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:.76rem;font-weight:700;padding:.42rem .7rem;text-transform:capitalize}.status-chip span{color:var(--text);background:rgba(148,163,184,.14);border-radius:999px;min-width:1.35rem;text-align:center;padding:.05rem .35rem}.status-chip.active{color:#fff;background:rgba(99,102,241,.2);border-color:rgba(129,140,248,.65)}.project-table-wrap{overflow-x:auto}.project-table{min-width:860px}.project-name-cell{display:grid;grid-gap:.15rem;gap:.15rem}.project-name-cell span{color:var(--text-muted);font-size:.74rem}.scan-type-pill{display:inline-flex;padding:.25rem .55rem;border-radius:999px;color:#67e8f9;background:rgba(6,182,212,.12);font-size:.74rem;font-weight:700}.project-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.empty-state{text-align:center;color:var(--text-muted);padding:1.5rem}.modal-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(2,6,23,.76);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-modal{width:min(920px,100%);max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,#1e293b,#172033);border:1px solid rgba(148,163,184,.18);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.45);padding:1.5rem}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.14)}.modal-header h2{margin:0;font-size:1.35rem;line-height:1.2}.modal-header h2 span{color:var(--text-muted);font-size:.82rem}.modal-header p{margin:.35rem 0 0;color:var(--text-muted);font-size:.84rem}.modal-close{width:36px;height:36px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.6);color:var(--text);border-radius:10px;cursor:pointer;font-size:1.3rem;line-height:1}.file-list{display:grid;grid-gap:.55rem;gap:.55rem}.file-row{justify-content:space-between;padding:.8rem;background:rgba(15,23,42,.48);border:1px solid rgba(148,163,184,.1);border-radius:10px}.file-main,.file-row{display:flex;align-items:center;gap:.75rem}.file-main{min-width:0}.file-main strong{font-size:.86rem}.file-main div div{max-width:520px;overflow:hidden;color:var(--text-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.file-icon{width:40px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(99,102,241,.15);color:#c4b5fd;font-size:.62rem;font-weight:800;letter-spacing:.04em;flex-shrink:0}.modal-actions{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(148,163,184,.14)}.admin-split-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.storage-search-row{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-success{background:rgba(16,185,129,.15);color:var(--success)}.badge-warning{background:rgba(245,158,11,.15);color:var(--warning)}.badge-danger{background:rgba(239,68,68,.15);color:var(--danger)}.badge-info{background:rgba(6,182,212,.15);color:var(--accent)}.badge-muted{background:rgba(100,116,139,.15);color:var(--text-muted)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-muted)}.form-input{width:100%;background:var(--dark);border:1px solid var(--dark-border);border-radius:8px;padding:.7rem 1rem;color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-input::placeholder{color:var(--dark-muted)}.progress-bar{height:6px;background:var(--dark-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width .5s ease}.upload-zone{border:2px dashed var(--dark-border);border-radius:16px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--primary);background:rgba(99,102,241,.05)}.upload-icon{font-size:3rem;margin-bottom:1rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0,rgba(99,102,241,.15) 0,transparent 60%);padding:2rem}.auth-card{width:100%;max-width:420px}.auth-logo{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.auth-logo span{color:var(--primary-light)}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.grid-2{grid-template-columns:1fr 1fr;grid-gap:1.5rem}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:1.5rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--dark-muted)}.gradient-text{background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s ease infinite}.admin-overview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem}.bento-grid{display:grid;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.bento-kpi{grid-template-columns:repeat(4,1fr)}.bento-mid{grid-template-columns:1.6fr 1fr}.bento-bottom{grid-template-columns:1fr 1fr}.bento-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:14px;padding:1.25rem;transition:border-color .2s}.bento-card:hover{border-color:rgba(148,163,184,.2)}.bento-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bento-card-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.bento-empty{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;padding:.5rem 0}.kpi-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:14px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;transition:border-color .2s,box-shadow .2s}.kpi-card:hover{border-color:rgba(148,163,184,.2)}.kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-body{flex:1 1}.kpi-value{font-size:1.75rem;font-weight:800;line-height:1.1;color:var(--text);margin-bottom:.2rem}.kpi-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-sub{font-size:.72rem;color:var(--dark-muted);margin-top:.15rem}.pipeline-steps{display:flex;flex-direction:column;gap:.875rem}.pipeline-step-bar{height:6px;background:var(--dark-border);border-radius:3px;overflow:hidden;margin-bottom:.4rem}.pipeline-step-fill{height:100%;border-radius:3px;transition:width .6s ease}.pipeline-step-info{display:flex;align-items:center;gap:.5rem}.pipeline-step-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pipeline-step-label{font-size:.82rem;color:var(--text-muted);flex:1 1}.pipeline-step-count{font-size:.82rem;font-weight:700}.alerts-list{display:flex;flex-direction:column;gap:.5rem}.alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:10px;font-size:.85rem}.alert-item.alert-danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.15);color:var(--danger)}.alert-item.alert-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.15);color:var(--success)}.alert-title{font-weight:600}.alert-sub{font-size:.78rem;opacity:.7;margin-top:2px}.alert-badge{background:rgba(239,68,68,.15);color:var(--danger);font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:20px}.queue-list{display:flex;flex-direction:column;gap:.5rem}.queue-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(51,65,85,.5)}.queue-item:last-child{border-bottom:none}.queue-item-left{display:flex;align-items:center;gap:.75rem}.queue-job-id{font-size:.8rem;font-weight:700;color:var(--accent)}.queue-project{font-size:.8rem;color:var(--text-muted)}.queue-item-right{display:flex;align-items:center;gap:.75rem}.queue-status{font-size:.75rem;color:var(--text-muted);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revenue-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.revenue-stat{text-align:center;padding:.75rem}.revenue-value{font-size:1.5rem;font-weight:800;margin-bottom:.2rem}.revenue-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}@media (max-width:768px){.app-layout{display:block}.sidebar{position:-webkit-sticky;position:sticky;top:0;left:auto;width:100%;height:auto;z-index:200;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.7rem;gap:.7rem;padding:.75rem;border-right:none;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(10,15,30,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar-logo{min-width:max-content;margin:0;padding:0;border-bottom:none}.sidebar-logo-icon{width:32px;height:32px;font-size:1rem}.sidebar-logo-text{font-size:.9rem}.sidebar-logo-sub{display:none}.sidebar>div:nth-child(2){display:flex;align-items:center;gap:.4rem;min-width:0;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.sidebar>div:nth-child(2)::-webkit-scrollbar{display:none}.sidebar>div:last-child{padding:0!important;border-top:none!important}.sidebar>div:last-child .btn{width:auto!important;white-space:nowrap}.nav-section{display:none}.nav-item{width:auto;flex:0 0 auto;padding:.5rem .72rem;border:1px solid rgba(148,163,184,.12);border-radius:999px;background:rgba(15,23,42,.72);white-space:nowrap;font-size:.8rem}.nav-item.active{border-right:1px solid;border-color:rgba(129,140,248,.65);background:rgba(99,102,241,.22)}.main-content{margin-left:0;padding:1rem;min-width:0}.page-title{font-size:1.45rem;line-height:1.15}.page-subtitle{font-size:.82rem}.admin-overview-header{flex-direction:column;gap:.8rem;margin-bottom:1rem}.admin-overview-header .btn{width:100%}.grid-2,.grid-3{grid-template-columns:1fr}.bento-kpi,.stats-grid{grid-template-columns:1fr 1fr}.bento-bottom,.bento-mid{grid-template-columns:1fr}.bento-card,.kpi-card,.stat-card{padding:1rem}.bento-card-header{align-items:flex-start;gap:.6rem;flex-wrap:wrap}.kpi-card{gap:.75rem}.kpi-icon{width:38px;height:38px}.kpi-value{font-size:1.45rem}.queue-item,.queue-item-right{align-items:flex-start;flex-direction:column;gap:.45rem}.file-row,.project-search,.projects-header{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.projects-header .btn{width:100%}.project-summary-grid{grid-template-columns:1fr 1fr}.status-chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.status-chip-row::-webkit-scrollbar{display:none}.project-actions{flex-direction:column;align-items:stretch}.file-row .btn,.project-actions .btn{justify-content:center;width:100%}.file-row{gap:.9rem}.file-main{width:100%;align-items:flex-start}.file-main div{min-width:0}.file-main div div{max-width:100%;white-space:normal;overflow-wrap:anywhere}.modal-overlay{align-items:stretch;justify-content:stretch;padding:.5rem}.project-modal{width:100%;max-height:calc(100dvh - 1rem);padding:1rem;border-radius:14px}.modal-header{position:-webkit-sticky;position:sticky;top:-1rem;z-index:2;margin:-1rem -1rem 1rem;padding:1rem;background:rgba(23,32,51,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-header h2{font-size:1.1rem}.modal-header p{font-size:.78rem}.modal-close{width:40px;height:40px;flex-shrink:0}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1 1 100%;justify-content:center}.admin-split-grid{grid-template-columns:1fr}.storage-search-row{flex-direction:column;align-items:stretch}.storage-search-row .btn,.storage-search-row input{width:100%!important}.main-content [style*=grid-template-columns],.project-modal [style*=grid-template-columns]{grid-template-columns:1fr!important}.main-content [style*="padding: 2rem"],.project-modal [style*="padding: 2rem"]{padding:1rem!important}.main-content [style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:.75rem!important}}@media (max-width:520px){.sidebar{grid-template-columns:minmax(0,1fr) auto}.sidebar>div:nth-child(2){grid-column:1/-1;order:3}.sidebar-logo{min-width:0}.sidebar-logo-text{max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{padding:.8rem}.bento-kpi,.project-summary-grid,.revenue-grid,.stats-grid{grid-template-columns:1fr}.project-summary-card span{font-size:1.35rem}.btn{min-height:40px}.table{min-width:620px}.project-table{min-width:780px}.modal-header{align-items:center}}