@import"https://fonts.googleapis.com/css2?family=Inter:wght@300..700&display=swap";:root{--bg: #09090b;--surface: #111318;--surface2: #1c1f29;--overlay: rgba(17,19,24,.96);--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--text: #f1f5f9;--text-muted: #64748b;--text-subtle: #94a3b8;--primary: #7c3aed;--primary-hover: #6d28d9;--primary-dim: rgba(124,58,237,.15);--primary-text: #ffffff;--success: #10b981;--success-bg: rgba(16,185,129,.12);--danger: #ef4444;--danger-bg: rgba(239,68,68,.12);--warning: #f59e0b;--warning-bg: rgba(245,158,11,.12);--info: #3b82f6;--info-bg: rgba(59,130,246,.12);--sidebar-w: 240px;--radius: 10px;--radius-lg: 14px;--radius-sm: 6px;--maxw: 1200px;--font: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow: 0 4px 24px rgba(0,0,0,.45);--shadow-lg: 0 8px 48px rgba(0,0,0,.65);--glow: 0 0 20px rgba(124,58,237,.25);--t: .15s ease;--t-slow: .28s ease;color-scheme:dark light;--focus: rgba(124,58,237,.55)}@media(prefers-color-scheme:light){:root{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--overlay: rgba(248,250,252,.96);--border: rgba(0,0,0,.07);--border2: rgba(0,0,0,.13);--text: #0f172a;--text-muted: #94a3b8;--text-subtle: #64748b;--primary-dim: rgba(124,58,237,.08);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--glow: 0 0 20px rgba(124,58,237,.12)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:15px;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:1.25rem 1.25rem 1rem;color:var(--text);font-weight:700;font-size:1rem;text-decoration:none!important;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-brand:hover{text-decoration:none!important}.sidebar-brand-icon{width:28px;height:28px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;flex-shrink:0}.sidebar-section{padding:.75rem .75rem 0;flex:1}.sidebar-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .5rem .25rem}.sidebar-nav{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sidebar-nav a{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:var(--radius-sm);color:var(--text-subtle);font-size:.88rem;font-weight:500;text-decoration:none!important;transition:background var(--t),color var(--t)}.sidebar-nav a:hover{background:var(--surface2);color:var(--text);text-decoration:none!important}.sidebar-nav a.active{background:var(--primary-dim);color:var(--primary)}.sidebar-nav a .nav-icon{font-size:.9rem;opacity:.7;width:1rem;text-align:center}.sidebar-nav a.active .nav-icon{opacity:1}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border);margin-top:auto;flex-shrink:0}.user-row{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:default}.user-avatar{width:28px;height:28px;background:var(--surface2);border:1px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-subtle);flex-shrink:0}.user-email{font-size:.8rem;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-wrap{margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100dvh}.topbar{position:sticky;top:0;z-index:40;background:var(--overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;height:56px;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.topbar-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.topbar-title{font-size:.9rem;font-weight:600;color:var(--text)}.topbar-breadcrumb{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.topbar-breadcrumb a{color:var(--text-muted)}.topbar-breadcrumb a:hover{color:var(--text)}.topbar-breadcrumb .sep{opacity:.4}.hamburger{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);font-size:1.1rem}.hamburger:hover{background:var(--surface2)}.page-content{flex:1;padding:1.75rem 1.5rem 3rem;max-width:var(--maxw);width:100%}.trial-banner{background:var(--warning-bg);border-bottom:1px solid rgba(245,158,11,.25);color:var(--warning);padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.82rem;font-weight:500;flex-shrink:0}.trial-cta{background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:.2rem .7rem;font-size:.78rem;font-weight:600;text-decoration:none!important;transition:background var(--t)}.trial-cta:hover{background:var(--primary-hover)}h1{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;margin:0 0 1.25rem;line-height:1.2}h2{font-size:1.1rem;font-weight:600;margin:0 0 .75rem}h3{font-size:.95rem;font-weight:600;margin:0 0 .5rem}p{margin:0 0 .75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.card-sm{padding:1rem 1.25rem}.stack{display:grid;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;padding:.5rem 1rem;font:inherit;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none!important;transition:background var(--t),color var(--t),border-color var(--t),box-shadow var(--t);white-space:nowrap}.btn:focus-visible{box-shadow:0 0 0 3px var(--focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--surface2);color:var(--text);border-color:var(--border2)}.btn-secondary:hover:not(:disabled){background:var(--surface);border-color:var(--border2)}.btn-ghost{background:transparent;color:var(--text-subtle);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface2);color:var(--text)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#ef444440}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-sm{min-height:30px;padding:.3rem .7rem;font-size:.8rem}.btn-lg{min-height:44px;padding:.7rem 1.4rem;font-size:.95rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm)}.field{display:grid;gap:.35rem}.field label{font-size:.82rem;font-weight:600;color:var(--text-subtle)}.field input,.field textarea,.field select{width:100%;padding:.6rem .85rem;font:inherit;font-size:.875rem;color:var(--text);background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);min-height:40px;transition:border-color var(--t),box-shadow var(--t)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus)}.field textarea{min-height:96px;resize:vertical}.field .hint{color:var(--text-muted);font-size:.78rem}.field-row{display:flex;gap:.75rem;flex-wrap:wrap}.field-row .field{flex:1;min-width:140px}.status-select{font:inherit;font-size:.8rem;color:var(--text);background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:.25rem .5rem;min-height:30px}.alert{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid;font-size:.875rem}.alert-success{background:var(--success-bg);border-color:#10b98140;color:var(--success)}.alert-error{background:var(--danger-bg);border-color:#ef444440;color:var(--danger)}.alert-info{background:var(--info-bg);border-color:#3b82f640;color:var(--info)}.alert-warning{background:var(--warning-bg);border-color:#f59e0b40;color:var(--warning)}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.73rem;font-weight:600;border:1px solid transparent}.badge-default{background:var(--surface2);color:var(--text-subtle);border-color:var(--border2)}.badge-primary{background:var(--primary-dim);color:var(--primary)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{@extend .badge;@extend .badge-default;}.tag{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;background:var(--surface2);color:var(--text-subtle);border:1px solid var(--border2)}.table-wrap{overflow-x:auto;border-radius:var(--radius)}.data-table,.kw-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.kw-table th{text-align:left;padding:.65rem .85rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface2)}.data-table th:first-child,.kw-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table th:last-child,.kw-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table td,.kw-table td{padding:.7rem .85rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.data-row,.kw-table tbody tr{transition:background var(--t)}.data-row:hover,.kw-table tbody tr:hover{background:var(--surface2)}.data-table td a{color:var(--primary)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.row-actions form{margin:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;margin-bottom:1.5rem}.page-head h1{margin:0}.page-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.2rem;transition:border-color var(--t),box-shadow var(--t)}.kpi-card:hover{border-color:var(--border2);box-shadow:var(--shadow-sm)}.kpi-icon{font-size:1.1rem;margin-bottom:.25rem}.kpi-label{font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.kpi-value{font-size:1.8rem;font-weight:700;line-height:1.15}.kpi-sub{font-size:.77rem;color:var(--text-muted);margin-top:.1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}.project-card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-1px)}.project-card-name{font-size:1rem;font-weight:600;margin:0}.project-card-name a{color:var(--text)}.project-card-name a:hover{color:var(--primary);text-decoration:none!important}.project-card-meta{color:var(--text-muted);font-size:.82rem}.project-card-actions{display:flex;gap:.5rem;margin-top:auto}.auth-root{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(ellipse at 50% -10%,rgba(124,58,237,.18) 0%,transparent 65%),var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.auth-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:1.75rem;font-weight:700;font-size:.95rem;color:var(--text);text-decoration:none!important}.auth-logo-icon{width:32px;height:32px;background:var(--primary);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}.auth-card h1{font-size:1.3rem;margin:0 0 .35rem}.auth-subtitle{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.auth-divider{text-align:center;margin:1.25rem 0;color:var(--text-muted);font-size:.82rem;position:relative}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.82rem;color:var(--text-muted)}.auth-footer a{color:var(--primary);font-weight:500}.role-badge{@extend .badge;}.role-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.73rem;font-weight:600}.role-admin{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.role-editor{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.role-viewer{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.25)}.stacked-bar{display:flex;width:100%;height:8px;border-radius:999px;overflow:hidden;background:var(--surface2)}.seg{display:block;height:100%}.seg-todo{background:var(--text-muted)}.seg-progress{background:var(--warning)}.seg-done{background:var(--success)}.legend{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.legend li{display:flex;align-items:center;gap:.4rem}.dot{width:.65rem;height:.65rem;border-radius:50%;display:inline-block}.dot-todo{background:var(--text-muted)}.dot-progress{background:var(--warning)}.dot-done{background:var(--success)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--text-muted)}.empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty p{margin:.25rem 0}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.section-header h2{margin:0}.task-filter{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;padding:1rem;background:var(--surface2);border-radius:var(--radius-sm)}.task-filter .field{margin-bottom:0;min-width:9rem}.status-cell{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.status-feedback{font-size:.78rem;color:var(--text-muted)}.status-feedback.is-ok{color:var(--success)}.status-feedback.is-error{color:var(--danger)}.kw-pick{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.kw-pick legend{font-weight:600;font-size:.82rem;padding:0 .35rem;color:var(--text-subtle)}.kw-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.4rem .75rem}.kw-pick-item{display:flex;align-items:center;gap:.45rem;font-size:.875rem}.kw-pick-item input{width:auto;min-height:0}.presets{display:flex;gap:.4rem;flex-wrap:wrap}.range-form{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.range-form .field{margin-bottom:0}.range-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--t-slow)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.main-wrap{margin-left:0}.app-shell{grid-template-columns:1fr}.hamburger{display:flex}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:49}.sidebar-overlay.open{display:block}.page-content{padding:1.25rem 1rem 2.5rem}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.project-grid{grid-template-columns:1fr}.kw-table thead{display:none}.kw-table,.kw-table tbody,.kw-table tr,.kw-table td{display:block;width:100%}.kw-table tr{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;padding:.25rem .5rem}.kw-table td{border-bottom:0;padding:.35rem .25rem}.kw-table td:before{content:attr(data-label);display:block;font-weight:600;font-size:.75rem;color:var(--text-muted);margin-bottom:.15rem}}@media(max-width:480px){.auth-card{padding:1.5rem}.field-row{flex-direction:column}}@media(prefers-reduced-motion:no-preference){.project-card,.kpi-card{will-change:transform}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}