:root{color:#edf7f0;background:#050706;font-family:Space Grotesk,Avenir Next,Avenir,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:linear-gradient(120deg,rgba(255,111,61,.13) 0 1px,transparent 1px 90px),linear-gradient(210deg,rgba(91,255,197,.09) 0 1px,transparent 1px 110px),radial-gradient(circle at 9% 13%,rgba(255,104,52,.3),transparent 28rem),radial-gradient(circle at 86% 5%,rgba(71,255,193,.2),transparent 34rem),radial-gradient(circle at 50% 120%,rgba(224,198,120,.12),transparent 32rem),#050706}body:before{position:fixed;inset:0;pointer-events:none;content:"";background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 78%)}button,input,select{font:inherit}.app-shell{display:flex;flex-direction:column;width:min(1840px,calc(100% - 24px));height:100vh;margin:0 auto;padding:10px 0;overflow:hidden}.hero-panel{position:relative;display:grid;grid-template-columns:minmax(420px,1fr) minmax(520px,.8fr);gap:12px;align-items:stretch;min-height:138px;margin-bottom:8px;padding:14px 16px;overflow:hidden;border:1px solid rgba(237,247,240,.13);border-radius:26px;background:linear-gradient(135deg,#131f1bf0,#080c0be0),radial-gradient(circle at 100% 0%,rgba(255,104,52,.22),transparent 24rem);box-shadow:0 32px 110px #00000070,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel:after{position:absolute;top:-170px;right:-130px;width:280px;height:280px;border:1px solid rgba(224,198,120,.34);border-radius:999px;content:"";box-shadow:0 0 0 44px #e0c6780a,0 0 0 88px #47ffc109}.hero-copy-block{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.status-line{display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:999px;background:#5bffc5;box-shadow:0 0 24px #5bffc5e6}.eyebrow{margin:0;color:#ff8459;font-size:.68rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.eyebrow.compact{margin-bottom:6px;color:#e0c678}h1{max-width:900px;margin:14px 0 0;font-size:clamp(1.7rem,3.2vw,3.5rem);line-height:.92;letter-spacing:-.07em}h2{margin:0;font-size:clamp(1.1rem,1.55vw,1.7rem);letter-spacing:-.05em}.hero-copy{max-width:760px;margin:10px 0 0;color:#a8b8ae;font-size:.86rem;line-height:1.35}.project-indicators{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;overflow:hidden}.view-switch{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.view-switch button{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:1px solid rgba(237,247,240,.12);border-radius:999px;padding:0 11px;color:#edf7f0;background:#ffffff0b;cursor:pointer;font-size:.76rem;font-weight:900}.view-switch button.active{border-color:#5bffc585;color:#06100c;background:linear-gradient(135deg,#5bffc5,#e0c678)}.auth-status{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:8px;color:#cfe0d6;font-size:.76rem;font-weight:800}.auth-status span{max-width:min(320px,70vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.insight-card{min-width:0;border:1px solid rgba(237,247,240,.1);border-radius:14px;padding:7px 9px;background:#ffffff0b;cursor:default;text-align:left;transition:border-color .16s ease,transform .16s ease}.insight-card:disabled{opacity:.62}.insight-card span{display:block;color:#95a79c;font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.insight-card strong{display:block;margin-top:3px;overflow:hidden;color:#edf7f0;font-size:.78rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.insight-card small{color:#5bffc5;font-weight:900}.insight-card.warning small{color:#e0c678}.project-indicator{display:inline-flex;align-items:center;max-width:250px;min-height:30px;border:1px solid color-mix(in srgb,var(--project-color) 42%,transparent);border-radius:999px;padding:4px 9px 4px 6px;background:linear-gradient(90deg,color-mix(in srgb,var(--project-color) 18%,transparent),transparent),#ffffff0b;color:#edf7f0;cursor:pointer;font-size:.76rem;font-weight:800;text-align:left;transition:border-color .16s ease,transform .16s ease}.project-indicator:hover:not(:disabled){border-color:color-mix(in srgb,var(--project-color) 72%,transparent);transform:translateY(-1px)}.project-indicator:before{width:8px;height:8px;margin-right:7px;border-radius:999px;background:var(--project-color);box-shadow:0 0 16px color-mix(in srgb,var(--project-color) 75%,transparent);content:"";flex:0 0 auto}.project-indicator span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-indicator strong{margin-left:8px;color:#fff7df;white-space:nowrap}.project-indicator.muted{--project-color: #95a79c;color:#95a79c;cursor:not-allowed}.metric-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{display:grid;min-height:74px;padding:10px 12px;border:1px solid rgba(237,247,240,.12);border-radius:18px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff14}.metric-card.primary{color:#fff7df;background:linear-gradient(135deg,#ff6834cc,#e0c6782e),#ffffff0f}.metric-card.warning{background:#e0c6781f}.metric-card.success{background:#5bffc51a}.metric-card svg{color:#e0c678}.metric-card.primary svg{color:#fff7df}.metric-card span{align-self:end;color:#edf7f0b8;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.metric-card strong{margin-top:2px;font-size:clamp(1.25rem,2.1vw,2rem);line-height:.92;letter-spacing:-.08em}.toolbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(3,max-content) repeat(2,minmax(170px,1fr)) max-content;gap:8px;align-items:end;margin-bottom:8px;padding:7px;border:1px solid rgba(237,247,240,.12);border-radius:20px;background:#090e0cc7;box-shadow:0 24px 70px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.operation-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#030504b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.operation-dialog{width:min(560px,100%);border:1px solid rgba(237,247,240,.14);border-radius:22px;padding:18px;color:#edf7f0;background:#080d0bf5;box-shadow:0 30px 120px #00000094}.operation-heading{display:flex;align-items:center;gap:12px}.operation-heading svg{color:#5bffc5}.operation-heading p,.operation-detail{margin:0}.operation-heading p{color:#e0c678;font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.operation-heading strong{display:block;margin-top:4px;font-size:1.45rem;line-height:1}.operation-bar{height:12px;margin-top:18px;overflow:hidden;border:1px solid rgba(237,247,240,.1);border-radius:999px;background:#ffffff14}.operation-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5bffc5,#e0c678,#ff8459);transition:width .22s ease}.operation-detail{margin-top:12px;color:#a8b8ae;font-size:.88rem;font-weight:800}.sync-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:14px}.sync-progress-header{grid-column:1 / -1;display:flex;align-items:center;min-height:22px;color:#e0c678;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sync-step{display:flex;align-items:center;gap:8px;min-height:34px;border:1px solid rgba(237,247,240,.1);border-radius:16px;padding:0 12px;color:#95a79c;background:#080d0bb8;font-size:.76rem;font-weight:900}.sync-step.done{border-color:#5bffc53d;color:#dffbed;background:#5bffc517}.sync-step.error{border-color:#ff683447;color:#ffd6ca;background:#c25b3229}.sync-step.running{border-color:#e0c67847;color:#fff7df}.sync-step span{width:16px}.sync-step small{margin-left:auto;opacity:.65;text-transform:uppercase}.toolbar label{display:grid;gap:3px;color:#95a79c;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.toolbar input,.task-input,.filter-panel input,.filter-panel select{width:100%;border:1px solid rgba(237,247,240,.14);border-radius:13px;padding:8px 10px;background:#040807bd;color:#edf7f0;box-shadow:inset 0 1px #ffffff0f}.toolbar input[type=date]{cursor:pointer}.toolbar input:focus,.task-input:focus,.filter-panel input:focus,.filter-panel select:focus{outline:2px solid rgba(91,255,197,.28);border-color:#5bffc5a6}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.button:hover,.icon-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.button{min-height:34px;border-radius:999px;padding:0 12px;font-weight:900;font-size:.82rem}.button.compact{min-height:32px;padding-inline:11px;white-space:nowrap}.button-primary{color:#06100c;background:linear-gradient(135deg,#5bffc5,#e0c678)}.button-secondary{color:#fff7df;background:linear-gradient(135deg,#ff6834e0,#944024eb)}.notice,.error{margin-bottom:8px;border-radius:14px;padding:8px 12px;font-size:.86rem;font-weight:800}.auth-gate{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card{display:grid;gap:18px;width:min(420px,100%);border:1px solid rgba(237,247,240,.13);border-radius:18px;padding:28px;background:#101a16f0;box-shadow:0 32px 110px #00000070}.auth-card h1{margin:0;font-size:2rem;letter-spacing:0;line-height:1}.filter-panel{display:grid;grid-template-columns:max-content minmax(220px,1fr) max-content minmax(170px,.35fr) minmax(170px,.35fr) max-content max-content;gap:8px;align-items:center;margin-bottom:8px;padding:7px;border:1px solid rgba(237,247,240,.1);border-radius:18px;background:#080d0b9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quick-filters{display:flex;gap:5px}.quick-filters button{min-height:30px;border:1px solid rgba(237,247,240,.12);border-radius:999px;padding:0 10px;color:#edf7f0;background:#ffffff0d;cursor:pointer;font-size:.76rem;font-weight:800}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:10px;color:#95a79c}.search-box input{padding-left:32px}.clear-filter{min-height:32px;border:1px solid rgba(224,198,120,.24);border-radius:999px;padding:0 10px;color:#fff7df;background:#e0c6781a;cursor:pointer;font-size:.74rem;font-weight:900;white-space:nowrap}.clear-filter.inline{align-self:flex-start;min-height:26px;margin-top:6px;font-size:.68rem}.toggle-control{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid rgba(237,247,240,.12);border-radius:999px;padding:0 11px;color:#edf7f0;background:#ffffff0d;cursor:pointer;font-size:.76rem;font-weight:900;white-space:nowrap}.toggle-control input{accent-color:#5bffc5}.notice{border:1px solid rgba(91,255,197,.2);color:#dffbed;background:#2d745c38}.error{border:1px solid rgba(255,104,52,.28);color:#ffd6ca;background:#c25b3233}.dashboard-grid,.settings-card{flex:1;min-height:0;overflow:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-card,.settings-card{border:1px solid rgba(237,247,240,.12);border-radius:22px;background:#080d0bdb;box-shadow:0 24px 90px #00000052,inset 0 1px #ffffff14}.dashboard-card{min-height:220px;padding:14px}.dashboard-card.wide{grid-column:1 / -1;min-height:auto;padding:0}.dashboard-card h3,.history-list h3{margin:0 0 12px;color:#fff7df;font-size:.92rem;letter-spacing:-.02em}.table-header.flush{border-radius:22px 22px 0 0}.table-header.flush>strong{color:#5bffc5;font-size:1.4rem;letter-spacing:-.06em}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.stat-tile{min-height:72px;border:1px solid rgba(237,247,240,.1);border-radius:16px;padding:10px;background:#ffffff0b}.stat-tile span,.muted-copy{color:#95a79c}.stat-tile span{display:block;font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.stat-tile strong{display:block;margin-top:8px;color:#edf7f0;font-size:1.55rem;letter-spacing:-.07em}.bar-row{display:grid;grid-template-columns:minmax(130px,.72fr) 1fr 64px;gap:9px;align-items:center;min-height:34px;color:#edf7f0;font-size:.78rem;font-weight:800}.bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row strong{color:#5bffc5;text-align:right}.bar-track{height:8px;overflow:hidden;border-radius:999px;background:#edf7f014}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6834,#e0c678,#5bffc5)}.settings-card{padding-bottom:14px}.settings-card>.muted-copy{margin:12px 14px 0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.settings-group{display:grid;gap:10px;min-width:0;border:1px solid rgba(237,247,240,.12);border-radius:22px;padding:12px;background:linear-gradient(135deg,#ffffff0e,#ffffff06),#ffffff09}.settings-group legend{display:grid;gap:3px;padding:0 8px}.settings-group legend strong{color:#5bffc5;font-size:.9rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.settings-group legend small{color:#95a79c;font-size:.73rem;font-weight:800}.settings-field{display:grid;gap:6px;border:1px solid rgba(237,247,240,.1);border-radius:18px;padding:10px;background:#ffffff0b}.settings-field span{color:#fff7df;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.settings-field input,.secret-input input{width:100%;border:1px solid rgba(237,247,240,.14);border-radius:13px;padding:9px 10px;color:#edf7f0;background:#040807bd}.secret-input{position:relative;display:flex;align-items:center}.secret-input input{padding-right:42px}.secret-input button{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:10px;color:#95a79c;background:#ffffff0f;cursor:pointer}.secret-input button:hover{color:#5bffc5;background:#5bffc51a}.settings-field small{color:#95a79c;font-size:.74rem}.settings-actions{display:flex;justify-content:flex-end;padding:0 14px}.table-card{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;border:1px solid rgba(237,247,240,.12);border-radius:22px;background:#080d0be0;box-shadow:0 24px 90px #00000057,inset 0 1px #ffffff14}.table-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;border-bottom:1px solid rgba(237,247,240,.1);background:linear-gradient(90deg,rgba(255,255,255,.055),transparent)}.table-summary{display:flex;align-items:baseline;gap:12px;color:#95a79c;font-weight:800}.table-summary strong{color:#5bffc5;font-size:1.2rem;letter-spacing:-.06em}.table-scroll{flex:1;min-height:0;overflow:auto}table{width:100%;min-width:1320px;border-collapse:separate;border-spacing:0}thead{position:sticky;top:0;z-index:2;background:#080d0bf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}th,td{border-bottom:1px solid rgba(237,247,240,.08);padding:12px 15px;text-align:left;vertical-align:middle}th{color:#8fa096;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}tbody tr{transition:background .16s ease,transform .16s ease}tbody tr:hover{background:#ffffff0b}tbody tr.highlighted{background:linear-gradient(90deg,rgba(91,255,197,.18),transparent)}tfoot td{color:#fff7df;font-weight:900;background:#ffffff09}.needs-task{background:linear-gradient(90deg,rgba(224,198,120,.12),transparent)}.group-row td{padding:9px 14px;background:#ffffff0e}.group-row strong{margin-left:10px;color:#5bffc5}.group-row small{margin-left:8px;color:#95a79c;font-weight:800}.project-pill{display:inline-flex;align-items:center;max-width:260px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 9px;overflow:hidden;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--pill-color) 72%,black),var(--pill-color)),var(--pill-color);box-shadow:0 10px 26px color-mix(in srgb,var(--pill-color) 22%,transparent);font-size:.74rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:6px}.activity-link{max-width:460px;border:0;padding:0;overflow:hidden;color:#edf7f0;background:transparent;cursor:pointer;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap}.activity-link:hover{color:#5bffc5}.icon-button{width:36px;height:36px;border-radius:12px;color:#fff}.icon-button.save{background:linear-gradient(135deg,#2d745c,#5bffc5)}.icon-button.send{background:linear-gradient(135deg,#c25b32,#e0c678)}.icon-button.ghost{border:1px solid rgba(237,247,240,.12);color:#edf7f0;background:#ffffff0f}.status-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900;white-space:nowrap}.status-chip.missing{color:#ffe5a2;background:#e0c67826}.status-chip.ready{color:#dffbed;background:#5bffc521}.status-chip.synced{color:#d9f6ff;background:#5bb7ff29}.empty{padding:32px;text-align:center;color:#95a79c}.spin{animation:spin .8s linear infinite}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#0000009e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.activity-modal{width:min(980px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(237,247,240,.14);border-radius:26px;background:linear-gradient(135deg,#111b18f7,#050706f5),radial-gradient(circle at top right,rgba(255,104,52,.18),transparent 22rem);box-shadow:0 34px 120px #0000008a}.modal-header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid rgba(237,247,240,.1);background:#080d0beb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal-header h2{max-width:820px;font-size:1.25rem}.history-layout{display:grid;gap:12px;padding:14px}.history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.history-summary>div,.history-row{border:1px solid rgba(237,247,240,.1);border-radius:16px;background:#ffffff0b}.history-summary>div{padding:10px}.history-summary span{display:block;color:#95a79c;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.history-summary strong{display:block;margin-top:6px;overflow:hidden;color:#5bffc5;font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap}.history-list{display:grid;gap:7px}.history-row{display:grid;grid-template-columns:70px minmax(170px,1fr) 155px 90px minmax(120px,.7fr);gap:8px;align-items:center;min-height:38px;padding:8px 10px;font-size:.78rem}.history-row span,.history-row small{color:#95a79c}.history-row strong,.history-row em{overflow:hidden;color:#edf7f0;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.history-row.log-error{border-color:#ff683433;background:#c25b3221}.history-row.log-success{border-color:#5bffc52e;background:#5bffc514}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.hero-panel,.toolbar,.filter-panel,.dashboard-grid,.sync-progress,.stats-grid,.settings-grid,.history-summary{grid-template-columns:1fr}.quick-filters{flex-wrap:wrap}h1{margin-top:14px}}@media(max-width:760px){.app-shell{width:min(100% - 16px,1840px);padding-top:8px}.hero-panel{padding:16px;border-radius:22px}.metric-grid,.history-row{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column}}
