:root{--bg-primary:#1c1917;--bg-secondary:#292524;--bg-sidebar:#1a1208;--bg-desktop:#2a1f0e;--text-primary:#f5f5f4;--text-secondary:#a8a29e;--accent-orange:#f97316;--accent-green:#22c55e;--accent-blue:#3b82f6;--accent-red:#ef4444;--border:#44403c;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fafaf9;--bg-secondary:#fff;--bg-sidebar:#f5f0e8;--bg-desktop:#f5f0e8;--text-primary:#1c1917;--text-secondary:#78716c;--accent-orange:#ea580c;--accent-green:#16a34a;--accent-blue:#2563eb;--accent-red:#dc2626;--border:#d6d3d1}[data-theme=light] .btn-primary:hover:not(:disabled){background-color:#c2410c}[data-theme=light] .btn-secondary:hover:not(:disabled){background-color:#e7e5e4}[data-theme=light] .btn-ghost:hover:not(:disabled){background-color:#0000000a}[data-theme=light] .spinner{border-color:#00000026;border-top-color:var(--accent-orange)}[data-theme=light] .btn-primary .spinner{border-color:#fff #ffffff4d #ffffff4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-primary);color:var(--text-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}#root{min-height:100vh}a{color:var(--accent-orange);text-decoration:none}a:hover{text-decoration:underline}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{max-width:1400px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text-primary);font-size:1.5rem;font-weight:600}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.page-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.back-link{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--accent-orange)}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.25rem}}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25;transition:background-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-orange);color:#fff}.btn-primary:hover:not(:disabled){background-color:#ea580c}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:#3a3533}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background-color:#ffffff0d}.btn-ghost.active{color:var(--accent-orange)}.btn-danger,.btn-ghost.btn-danger{color:var(--accent-red)}.btn-sm{padding:.25rem .5rem;font-size:.8125rem}.btn-full{width:100%}.btn-loading{align-items:center;gap:.5rem;display:inline-flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.btn,.btn-sm{min-height:44px}}.badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-green{color:var(--accent-green);background-color:#22c55e26}.badge-slate{color:#94a3b8;background-color:#94a3b826}.badge-orange{color:#fb923c;background-color:#f9731626}.badge-blue{color:#60a5fa;background-color:#3b82f626}.status-badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-draft{color:#94a3b8;background-color:#94a3b826}.status-processing{color:#fb923c;background-color:#f9731626}.status-published{color:var(--accent-green);background-color:#22c55e26}.status-archived{color:var(--text-secondary);background-color:#a8a29e26}[data-theme=light] .badge-green,[data-theme=light] .status-published{color:#166534}[data-theme=light] .badge-slate,[data-theme=light] .status-draft{color:#475569}[data-theme=light] .badge-orange,[data-theme=light] .status-processing{color:#9a3412}[data-theme=light] .badge-blue{color:#1d4ed8}[data-theme=light] .status-archived{color:#57534e}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-input{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.form-input:focus{border-color:var(--accent-orange)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input-error{border-color:var(--accent-red)}.password-input{position:relative}.password-input .form-input{padding-right:2.5rem}.password-input .form-input::-ms-reveal{display:none}.password-input .form-input::-ms-clear{display:none}.password-toggle{border-radius:var(--radius);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.password-toggle:focus-visible{outline:2px solid var(--accent-orange);outline-offset:-2px}.password-toggle svg{width:18px;height:18px}.form-error{color:var(--accent-red);margin-top:.25rem;font-size:.75rem;display:block}.form-hint{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.form-check{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.char-count{text-align:right;color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.char-count.is-over{color:var(--accent-red)}.form-textarea{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);resize:vertical;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.form-textarea:focus{border-color:var(--accent-orange)}.form-select{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);cursor:pointer;outline:none;padding:.5rem .75rem;font-size:.875rem}.form-select:focus{border-color:var(--accent-orange)}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row .form-group{flex:1;min-width:200px}@media (width<=768px),(pointer:coarse){.form-input,.form-select,.form-textarea{font-size:16px}}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{color:#fca5a5;background-color:#ef44441f;border:1px solid #ef444440}.alert-success{color:var(--accent-green);background-color:#22c55e1f;border:1px solid #22c55e40}.alert-warning{color:#f59e0b;background-color:#f59e0b1f;border:1px solid #f59e0b40}[data-theme=light] .alert-error{color:#b91c1c}[data-theme=light] .alert-success{color:#166534}[data-theme=light] .alert-warning{color:#92400e}.toast-container{z-index:10000;flex-direction:column;gap:.5rem;max-width:420px;display:flex;position:fixed;top:1rem;right:1rem}.toast{border-radius:var(--radius);cursor:pointer;background-color:var(--bg-secondary);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;animation:.2s ease-out toast-in;display:flex;box-shadow:0 4px 12px #0000004d}.toast-message{flex:1}.toast-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;margin:-.125rem -.25rem 0 0;padding:0;font-size:1.25rem;line-height:1}.toast-close:hover{opacity:1}.toast-error{color:var(--accent-red);background-image:linear-gradient(#ef444426,#ef444426);border:1px solid #ef44444d}.toast-success{color:var(--accent-green);background-image:linear-gradient(#22c55e26,#22c55e26);border:1px solid #22c55e4d}.toast-info{color:var(--accent-blue,#60a5fa);background-image:linear-gradient(#3b82f626,#3b82f626);border:1px solid #3b82f64d}@keyframes toast-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.modal-overlay{z-index:500;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.modal-content--lg{max-width:720px}.modal-content--xl{max-width:960px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.25rem;overflow-y:auto}.modal-header,.modal-actions{flex-shrink:0}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.modal-actions .alert{text-align:left;margin:0 auto 0 0}.modal-content>form{flex-direction:column;min-height:0;display:flex;overflow:hidden}@media (width<=480px){.modal-content{width:95%}}.table-wrapper{overflow-x:auto}.pager{justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.pager-label{color:var(--text-muted,#78716c);font-size:.875rem}.table-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.table-empty{text-align:center;color:var(--text-secondary);padding:3rem}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem;font-size:.875rem}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table td.data-table-actions{text-align:right;white-space:nowrap}@media (width<=768px){.data-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.data-table,.data-table tbody{display:block}.data-table tr{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-secondary);margin-bottom:.75rem;padding:.5rem .875rem;display:block}.data-table td{text-align:right;overflow-wrap:anywhere;border-bottom:none;justify-content:flex-end;align-items:baseline;gap:.75rem;padding:.375rem 0;display:flex}.data-table td[data-label]:before{content:attr(data-label);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:auto;font-size:.75rem;font-weight:600}.data-table td.data-table-actions{border-top:1px solid var(--border);white-space:normal;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.25rem;padding-top:.625rem}.data-table td.data-table-actions:before{content:none}}.filter-search{flex:1;min-width:200px;position:relative}.search-icon{width:16px;height:16px;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{padding-left:2.25rem!important}@media (width<=768px){.filter-search{min-width:unset}}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.stat-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.stat-card-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.stat-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.stat-card-icon.is-orange{color:var(--accent-orange);background:#f9731626}.stat-card-icon.is-green{color:var(--accent-green);background:#22c55e26}.stat-card-icon.is-blue{color:var(--accent-blue);background:#3b82f626}.stat-card-icon.is-purple{color:#a855f7;background:#a855f726}.stat-card-icon.is-red{color:var(--accent-red);background:#ef444426}.stat-card-value{color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.1}.stat-card-sub{color:var(--text-secondary);font-size:.75rem}.app-shell{--sidebar-width:250px;min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);background-color:var(--bg-primary);flex:1;justify-content:center;min-height:100vh;padding:2rem;display:flex}:where(.app-main>*){width:100%;max-width:1200px}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar:focus{outline:none}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.75rem 0;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#f9731614;text-decoration:none}.nav-item.active{color:var(--accent-orange);border-right:3px solid var(--accent-orange);background-color:#f973161f}.nav-item svg{flex-shrink:0}[data-theme=light] .nav-item:hover{background-color:#ea580c0f}[data-theme=light] .nav-item.active{background-color:#ea580c1a}.sidebar-toggle{z-index:150;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;padding:.5rem;display:none;position:fixed;top:.75rem;left:.75rem}.sidebar-backdrop{z-index:99;background-color:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{visibility:hidden;padding-top:3.5rem;transition:transform .25s,visibility 0s linear .25s;transform:translate(-100%)}.sidebar.sidebar-open{visibility:visible;transition:transform .25s;transform:translate(0)}.sidebar-toggle,.sidebar-backdrop{display:block}.app-main{margin-left:0;padding:3.5rem 1rem 1rem}}@media (width<=480px){.app-main{padding:3.5rem .75rem .75rem}}.muted{color:var(--text-secondary)}.brand{letter-spacing:.08em;font-weight:800}.brand-sub{letter-spacing:0;color:var(--text-secondary);font-weight:500}.auth-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{border:1px solid var(--border);background-color:var(--bg-secondary);border-radius:12px;flex-direction:column;gap:1.25rem;width:100%;max-width:26rem;padding:2rem;display:flex}.auth-card .alert{margin-bottom:0}.auth-brand{align-items:center;gap:.625rem;display:flex}.auth-title{font-size:1.375rem;font-weight:700}.auth-form{flex-direction:column;gap:1rem;display:flex}.setup-qr{border-radius:var(--radius);background:#fff;align-self:center;padding:.5rem}.setup-key{overflow-wrap:anywhere;color:var(--text-primary);font-family:ui-monospace,monospace}@media (width<=480px){.auth-card{padding:1.5rem 1.25rem}}.sidebar-brand{align-items:center;gap:.625rem;padding:1.25rem 1.5rem;display:flex}.brand-icon{color:var(--accent-orange);flex-shrink:0}.sidebar-account{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;padding:1rem 1.5rem 1.25rem;display:flex}.sidebar-name{overflow-wrap:anywhere;font-weight:600}.sidebar-kind{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem}.theme-switch{border:1px solid var(--border);border-radius:var(--radius);gap:.125rem;margin-bottom:.5rem;padding:.125rem;display:flex}.theme-switch-option{height:1.75rem;color:var(--text-secondary);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;display:flex;position:relative}.theme-switch-option input{opacity:0;width:0;height:0;position:absolute}.theme-switch-option svg{flex-shrink:0;width:14px;height:14px}.theme-switch-option:hover{color:var(--text-primary)}.theme-switch-option.active{color:var(--text-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 1px var(--border)}.theme-switch-option:has(input:focus-visible){outline:2px solid var(--accent-orange);outline-offset:-2px}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar .filter-search{flex:0 24rem}.toolbar .form-input:not(.search-input){width:auto;max-width:100%}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);height:2rem;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 .875rem;font-size:.8125rem}.chip.active{color:var(--accent-orange);border-color:var(--accent-orange);background-color:#f973161a}[data-theme=light] .chip.active{background-color:#ea580c1a}.page-intro,.page>.card,.page>.table-loading,.page>.table-empty{margin-bottom:1rem}.table-wrapper+.btn{margin-top:1rem}.cell-note{color:var(--text-secondary);font-size:.8125rem}.cards{grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.page-header+.cards{margin-top:0}.card{border:1px solid var(--border);background-color:var(--bg-secondary);border-radius:12px;flex-direction:column;gap:1rem;min-width:0;padding:1.5rem;display:flex}.card .alert{margin-bottom:0}.card .table-empty{padding:1rem}.card-title{font-size:1.0625rem;font-weight:600}.card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.card-head .badge{flex-shrink:0}.form-grid{flex-direction:column;gap:.875rem;display:flex}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.plain-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.usage-list{flex-direction:column;gap:.75rem;display:flex}.usage-list>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.usage-list dt{color:var(--text-secondary)}.usage-list dd{text-align:right;font-weight:600}.usage-list dd .muted{font-size:.875rem;font-weight:400}.activity{flex-direction:column;gap:.5rem;font-size:.875rem;list-style:none;display:flex}@media (width<=480px){.card{padding:1.25rem 1rem}}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:1rem;margin-top:1.5rem;display:grid}.meter{flex-direction:column;gap:.375rem;font-size:.875rem;display:flex}.meter-row{justify-content:space-between;gap:.75rem;display:flex}.meter-bar{background-color:var(--border);border-radius:999px;height:.375rem;overflow:hidden}.meter-bar>div{background-color:var(--accent-orange);height:100%}@media (width<=768px){.toolbar .filter-search{flex-basis:100%}.card .data-table tr{background-color:var(--bg-primary)}}@media (pointer:coarse){.chip,.theme-switch-option{min-height:44px}}