:root{color-scheme:dark;--color-primary: #1e293b;--color-on-primary: #ffffff;--color-secondary: #334155;--color-on-secondary: #ffffff;--color-accent: #22c55e;--color-on-accent: #0f172a;--color-background: #0f172a;--color-foreground: #f8fafc;--color-card: #1b2336;--color-card-foreground: #f8fafc;--color-muted: #272f42;--color-muted-foreground: #94a3b8;--color-border: #475569;--color-destructive: #ef4444;--color-on-destructive: #000000;--color-ring: #ffffff;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--font-heading: "Fira Code", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--font-body: "Fira Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--glass-bg: rgba(27, 35, 54, .55);--glass-bg-strong: rgba(27, 35, 54, .75);--glass-border: rgba(255, 255, 255, .2);--glass-highlight: rgba(255, 255, 255, .06);--glass-blur: 16px;--motion-duration: .3s;--motion-duration-fast: .15s;--motion-easing: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--color-foreground);background-color:var(--color-background);background-image:radial-gradient(1200px 600px at 85% -10%,rgba(34,197,94,.08),transparent 60%),radial-gradient(1000px 700px at -10% 0%,rgba(59,130,246,.08),transparent 55%),radial-gradient(900px 900px at 50% 120%,rgba(34,197,94,.05),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.25;margin:0;color:var(--color-foreground)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{margin:0}a{color:var(--color-accent)}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}.mono{font-family:var(--font-heading);font-size:var(--text-xs)}.muted{color:var(--color-muted-foreground)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--motion-duration-fast) ease,border-color var(--motion-duration-fast) ease,color var(--motion-duration-fast) ease,box-shadow var(--motion-duration-fast) ease,opacity var(--motion-duration-fast) ease}.btn--sm{padding:0 var(--space-2);font-size:var(--text-xs)}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover{background:#2ee06b;box-shadow:0 0 0 1px #22c55e66,0 4px 16px #22c55e40}.btn--secondary{background:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border)}.btn--secondary:hover{background:#3b4a63}.btn--danger{background:var(--color-destructive);color:var(--color-on-destructive)}.btn--danger:hover{background:#f65b5b}.btn--ghost{background:transparent;color:var(--color-foreground);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-muted);border-color:var(--color-border)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--color-muted-foreground)}.field__hint{font-size:var(--text-xs);color:var(--color-muted-foreground)}.field__error{font-size:var(--text-xs);color:var(--color-danger)}.input,.select{width:100%;min-height:44px;padding:0 var(--space-3);background:#0f172a8c;color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--motion-duration-fast) ease,box-shadow var(--motion-duration-fast) ease}.input::placeholder{color:var(--color-muted-foreground)}.input:hover,.select:hover{border-color:#64748b}.input:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #22c55e33}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px #ef444433}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.file{position:relative;min-height:44px}.file input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file__drop{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-muted-foreground);font-size:var(--text-sm);transition:border-color var(--motion-duration-fast) ease,color var(--motion-duration-fast) ease}.file__drop--filled{color:var(--color-foreground);border-style:solid;border-color:var(--color-accent)}.file input[type=file]:focus-visible~.file__drop{outline:2px solid var(--color-ring);outline-offset:2px}.file input[type=file]:hover~.file__drop{border-color:#64748b}.form-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.form-row .field{flex:1 1 220px}.form-row .btn{flex:0 0 auto}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card+.card{margin-top:var(--space-4)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border);background:var(--glass-highlight)}.card__title{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground)}.card__actions{display:flex;align-items:center;gap:var(--space-2)}.card__body{padding:var(--space-4)}.card__body--flush{padding:0}.table-scroll{overflow-x:auto;border-radius:inherit}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.06)}.table thead th{font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted-foreground);background:var(--glass-highlight);border-bottom:1px solid var(--glass-border);white-space:nowrap}.table tbody tr{transition:background-color var(--motion-duration-fast) ease}.table tbody tr:hover{background:#ffffff08}.table tbody tr:last-child td{border-bottom:none}.table .cell-actions{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end;white-space:nowrap}.table .cell-mono{font-family:var(--font-heading);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.5;border:1px solid transparent;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--neutral{color:var(--color-muted-foreground);background:var(--color-muted);border-color:var(--color-border)}.badge--success{color:var(--color-success);background:#22c55e1f;border-color:#22c55e59}.badge--warning{color:var(--color-warning);background:#eab3081f;border-color:#eab30859}.badge--danger{color:var(--color-danger);background:#ef44441f;border-color:#ef444459}.badge--accent{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.badge--muted{color:var(--color-muted-foreground)}.progress{min-width:120px;max-width:260px}.progress__label{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-muted-foreground);margin-bottom:4px}.progress__label>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.progress__track{height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.progress__fill{height:100%;border-radius:var(--radius-full);transition:width var(--motion-duration) var(--motion-easing),background-color var(--motion-duration) ease}.progress--success .progress__fill{background:var(--color-success)}.progress--warning .progress__fill{background:var(--color-warning)}.progress--danger .progress__fill{background:var(--color-danger)}.alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm);margin-bottom:var(--space-3)}.alert .icon{flex:0 0 auto;margin-top:1px}.alert--error{color:var(--color-danger);background:#ef44441f;border-color:#ef444459}.alert--warning{color:var(--color-warning);background:#eab3081f;border-color:#eab30859}.alert--info{color:var(--color-foreground);background:#94a3b81a;border-color:var(--color-border)}.alert--success{color:var(--color-success);background:#22c55e1f;border-color:#22c55e59}.secret{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(34,197,94,.35);background:#22c55e14}.secret__value{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-success);word-break:break-all;flex:1 1 240px}.secret__meta{font-size:var(--text-xs);color:var(--color-muted-foreground);margin-top:4px}.secret__id{font-family:var(--font-heading);font-size:var(--text-xs)}.toasts{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(360px,calc(100vw - var(--space-6)))}.toast{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:toast-in var(--motion-duration) var(--motion-easing)}.toast .icon{flex:0 0 auto;margin-top:1px}.toast__text{flex:1 1 auto;color:var(--color-foreground)}.toast__close{flex:0 0 auto;width:44px;height:44px;margin:-8px -8px -8px 0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-muted-foreground);border-radius:var(--radius-sm);cursor:pointer;padding:0}.toast__close:hover{color:var(--color-foreground);background:var(--color-muted)}.toast--success .icon{color:var(--color-success)}.toast--error .icon{color:var(--color-danger)}.toast--info .icon{color:var(--color-accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border)}.topbar__brand{display:flex;align-items:center;gap:var(--space-2)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),#16a34a);color:var(--color-on-accent)}.brand-name{font-family:var(--font-heading);font-weight:700;font-size:var(--text-base);letter-spacing:-.02em}.topbar__right{display:flex;align-items:center;gap:var(--space-3)}.user-chip{display:flex;align-items:center;gap:var(--space-2)}.user-chip__avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-secondary);border:1px solid var(--color-border);font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;color:var(--color-foreground)}.user-chip__meta{display:flex;flex-direction:column;line-height:1.2}.user-chip__name{font-size:var(--text-sm);font-weight:500}.user-chip__role{font-size:var(--text-xs);color:var(--color-muted-foreground)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--glass-border);background:#0f172a66}.tab{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:none;color:var(--color-muted-foreground);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--motion-duration-fast) ease,background-color var(--motion-duration-fast) ease,border-color var(--motion-duration-fast) ease}.tab:hover{color:var(--color-foreground);background:var(--color-muted)}.tab--active{color:var(--color-foreground);background:var(--color-secondary);border-color:var(--color-border)}.tab--active:hover{background:var(--color-secondary)}.content{flex:1 1 auto;width:100%}.content__inner{max-width:1440px;margin:0 auto;padding:var(--space-4)}.screen{display:flex;flex-direction:column;gap:var(--space-4)}.screen__head{display:flex;flex-direction:column;gap:4px}.screen__title{font-size:var(--text-xl)}.screen__subtitle{font-size:var(--text-sm);color:var(--color-muted-foreground)}.empty{padding:var(--space-5);text-align:center;color:var(--color-muted-foreground);font-size:var(--text-sm)}.window-chips{display:flex;flex-wrap:wrap;gap:6px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.stat__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground)}.stat__value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;color:var(--color-foreground)}.stat__hint{font-size:var(--text-xs);color:var(--color-muted-foreground);margin-top:2px}.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.kv__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground)}.kv__value{font-size:var(--text-sm);color:var(--color-foreground)}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}.filter-bar .field{flex:1 1 180px}.filter-bar .checkbox{flex:0 0 auto}.checkbox{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;font-size:var(--text-sm);color:var(--color-muted-foreground);cursor:pointer}.checkbox input{accent-color:var(--color-accent);width:16px;height:16px;cursor:pointer}.link-row{display:flex;align-items:center;min-height:44px;min-width:44px;margin:calc(var(--space-2) * -1) calc(var(--space-3) * -1);padding:0 var(--space-3);background:none;border:none;font:inherit;color:var(--color-accent);cursor:pointer;text-align:left;text-decoration:none}.link-row:hover{text-decoration:underline}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login__card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);text-align:center;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login__mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent),#16a34a);color:var(--color-on-accent)}.login__title{font-size:var(--text-xl);font-weight:700}.login__subtitle{font-size:var(--text-sm);color:var(--color-muted-foreground)}.login__cta{width:100%}.login .alert{width:100%;text-align:left;margin-bottom:0}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-muted-foreground);font-size:var(--text-sm)}.loading__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .9s linear infinite}.loading--card{min-height:200px;padding:var(--space-5)}@media(max-width:768px){.content__inner{padding:var(--space-3)}.topbar,.tabs{padding:var(--space-2) var(--space-3)}.user-chip__meta{display:none}.card__head,.card__body{padding-left:var(--space-3);padding-right:var(--space-3)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}