.sc-showcase{--sc-bg:#fff;--sc-fg:#0a0a0a;--sc-muted:#737373;--sc-border:#e5e5e5;--sc-subtle:#f5f5f5;--sc-primary:#171717;--sc-danger:#dc2626;color:var(--sc-fg);gap:38px;font-size:14px;display:grid}.sc-showcase button,.sc-showcase input,.sc-showcase select,.sc-showcase textarea{font:inherit}.sc-intro{border:1px solid var(--sc-border);background:var(--sc-bg);border-radius:12px;justify-content:space-between;align-items:end;gap:24px;padding:24px;display:flex}.sc-intro h2{letter-spacing:-.025em;margin:5px 0 7px;font-size:25px}.sc-intro p{max-width:720px;color:var(--sc-muted);margin:0;line-height:1.55}.sc-kicker{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700}.sc-version{border:1px solid var(--sc-border);color:var(--sc-muted);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px}.sc-section{gap:15px;display:grid}.sc-section-head{border-bottom:1px solid var(--sc-border);padding-bottom:12px}.sc-section-head h3{letter-spacing:-.015em;margin:0 0 4px;font-size:18px}.sc-section-head p{color:var(--sc-muted);margin:0;font-size:13px}.sc-app-preview{border:1px solid var(--sc-border);background:#fafafa;border-radius:12px;grid-template-columns:190px minmax(0,1fr);min-height:600px;display:grid;overflow:hidden}.sc-sidebar{border-right:1px solid var(--sc-border);background:#fff;flex-direction:column;padding:16px 11px;display:flex}.sc-sidebar-brand{align-items:center;gap:9px;padding:0 8px 18px;display:flex}.sc-sidebar-brand>span{background:var(--sc-primary);color:#fff;border-radius:7px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.sc-sidebar-brand strong{font-size:13px}.sc-sidebar nav{gap:2px;display:grid}.sc-sidebar nav>div,.sc-sidebar-bottom{color:#525252;border-radius:7px;align-items:center;gap:9px;padding:8px 9px;font-size:12px;font-weight:550;display:flex}.sc-sidebar nav>div.is-active{color:#0a0a0a;background:#f5f5f5;font-weight:700}.sc-sidebar-bottom{border-top:1px solid var(--sc-border);border-radius:0;margin-top:auto}.sc-app-content{min-width:0;padding:23px}.sc-mobile-head{display:none}.sc-breadcrumbs{color:var(--sc-muted);align-items:center;gap:4px;margin-bottom:20px;font-size:11px;display:flex}.sc-breadcrumbs strong{color:#404040}.sc-page-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:19px;display:flex}.sc-page-head h3{letter-spacing:-.035em;margin:0 0 4px;font-size:24px}.sc-page-head p,.sc-card-head p{color:var(--sc-muted);margin:0;font-size:11px}.sc-actions,.sc-button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sc-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:11px;display:grid}.sc-metric{border:1px solid var(--sc-border);background:#fff;border-radius:9px;padding:13px}.sc-metric span,.sc-metric small{color:var(--sc-muted);font-size:10px;display:block}.sc-metric strong{margin:5px 0 2px;font-size:20px;display:block}.sc-card{border:1px solid var(--sc-border);background:#fff;border-radius:10px}.sc-card-head{border-bottom:1px solid var(--sc-border);justify-content:space-between;align-items:start;gap:12px;padding:15px;display:flex}.sc-card-head h4{margin:0 0 3px;font-size:13px}.sc-read-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sc-read-field{border-bottom:1px solid var(--sc-border);padding:13px 15px}.sc-read-field:nth-child(odd){border-right:1px solid var(--sc-border)}.sc-read-field:nth-last-child(-n+2){border-bottom:0}.sc-read-field>span{color:var(--sc-muted);margin-bottom:5px;font-size:10px;display:block}.sc-read-field>div{overflow-wrap:anywhere;font-size:12px;font-weight:600}.sc-button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-weight:650;line-height:1;display:inline-flex}.sc-button:disabled{opacity:.45;cursor:not-allowed}.sc-button-primary{background:var(--sc-primary);color:#fff}.sc-button-outline{border-color:var(--sc-border);color:var(--sc-fg);background:#fff;box-shadow:0 1px 2px #00000008}.sc-button-secondary{background:var(--sc-subtle);color:var(--sc-fg)}.sc-button-danger{background:var(--sc-danger);color:#fff}.sc-button-ghost{color:var(--sc-fg);background:0 0}.sc-icon-button,.sc-row-action{border:1px solid var(--sc-border);color:#525252;background:#fff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.sc-badge{color:#404040;background:#f5f5f5;border-radius:999px;align-items:center;width:max-content;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.sc-badge-info{color:#1d4ed8;background:#eff6ff}.sc-badge-success{color:#15803d;background:#f0fdf4}.sc-badge-warning{color:#a16207;background:#fffbeb}.sc-badge-danger{color:#b91c1c;background:#fef2f2}.sc-badge-outline{border:1px solid var(--sc-border);background:#fff}.sc-form{border:1px solid var(--sc-border);background:#fff;border-radius:12px;gap:20px;max-width:780px;margin:auto;padding:26px;display:grid}.sc-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.sc-form-row-two{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-field{gap:7px;display:grid}.sc-field>span{font-size:13px;font-weight:650}.sc-field>small{color:var(--sc-muted);font-size:11px}.sc-field>input,.sc-field>select,.sc-field>textarea{width:100%;color:var(--sc-fg);background:#fff;border:1px solid #d4d4d4;border-radius:8px;padding:9px 11px;box-shadow:0 1px 2px #00000005}.sc-field>textarea{resize:vertical;line-height:1.5}.sc-field>input:focus,.sc-field>select:focus,.sc-field>textarea:focus{outline-offset:1px;border-color:#737373;outline:2px solid #a3a3a3}.sc-field>input:disabled{color:#a3a3a3;background:#fafafa}.sc-field.has-error>input{border-color:#ef4444}.sc-field.has-error>small{color:#dc2626}.sc-code-field{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:12px!important}.sc-upload{text-align:center;border:1px dashed #d4d4d4;border-radius:9px;place-items:center;gap:7px;padding:25px;display:grid}.sc-upload>span{color:var(--sc-muted);font-size:11px}.sc-choice-grid{border-top:1px solid var(--sc-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:18px;display:grid}.sc-choice-group{align-content:start;gap:10px;display:grid}.sc-choice-group>strong{margin-bottom:2px;font-size:12px}.sc-choice-group label{color:#404040;align-items:center;gap:8px;font-size:12px;display:flex}.sc-choice-group input{accent-color:#171717;width:auto}.sc-switch-line{justify-content:flex-start}.sc-switch{background:#d4d4d4;border:0;border-radius:999px;width:34px;height:19px;padding:2px;position:relative}.sc-switch span{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s;display:block;box-shadow:0 1px 2px #0003}.sc-switch.is-on{background:#171717}.sc-switch.is-on span{transform:translate(15px)}.sc-form-footer{border-top:1px solid var(--sc-border);justify-content:flex-end;gap:8px;padding-top:18px;display:flex}.sc-demo-stack{gap:14px;display:grid}.sc-alert{border:1px solid var(--sc-border);border-radius:9px;align-items:flex-start;gap:10px;padding:13px 14px;display:flex}.sc-alert strong{font-size:12px}.sc-alert p{color:#525252;margin:3px 0 0;font-size:11px}.sc-alert-info{background:#fafafa}.sc-alert-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.sc-alert-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.sc-table-card{overflow:hidden}.sc-table-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.sc-table-toolbar>label{border:1px solid var(--sc-border);border-radius:7px;align-items:center;gap:7px;width:min(320px,100%);padding:0 10px;display:flex}.sc-table-toolbar>label input{background:0 0;border:0;outline:0;width:100%;padding:8px 0}.sc-table-toolbar>div{gap:7px;display:flex}.sc-table-scroll{overflow:auto}.sc-table{border-collapse:collapse;white-space:nowrap;width:100%}.sc-table th{border-block:1px solid var(--sc-border);color:#737373;text-align:left;background:#fafafa;padding:9px 11px;font-size:10px;font-weight:650}.sc-table td{border-bottom:1px solid var(--sc-border);color:#525252;padding:11px;font-size:11px}.sc-table td:nth-child(2){white-space:normal;color:#171717}.sc-table td:first-child,.sc-table th:first-child{width:38px}.sc-table input{accent-color:#171717;width:auto}.sc-row-action{border-color:#0000;width:28px;height:28px}.sc-pagination{color:var(--sc-muted);justify-content:space-between;align-items:center;padding:12px 13px;font-size:11px;display:flex}.sc-pagination>div{gap:6px;display:flex}.sc-tabs{border-bottom:1px solid var(--sc-border);gap:2px;display:flex;overflow:auto}.sc-tabs button{color:var(--sc-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 12px;font-size:12px;font-weight:600}.sc-content-grid{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.sc-process-list{padding:8px 15px 13px;display:grid}.sc-step{border-bottom:1px solid var(--sc-border);grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:9px 0;display:grid}.sc-step:last-child{border-bottom:0}.sc-step>span{border:1px solid var(--sc-border);color:#a3a3a3;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.sc-step strong,.sc-step small{display:block}.sc-step strong{font-size:11px}.sc-step small{color:var(--sc-muted);margin-top:2px;font-size:9px}.sc-step.is-done>span{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.sc-step.is-active>span{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.sc-empty-state{text-align:center;align-content:center;place-items:center;gap:7px;min-height:230px;padding:25px;display:grid}.sc-empty-state h4{margin:5px 0 0}.sc-empty-state p{max-width:280px;color:var(--sc-muted);margin:0 0 8px;font-size:11px}.sc-dialog-demo{border:1px solid var(--sc-border);background:#fafafa;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.sc-dialog-demo strong{font-size:12px}.sc-dialog-demo p{color:var(--sc-muted);margin:3px 0 0;font-size:11px}.sc-dialog-overlay{z-index:80;background:#00000073;position:fixed;inset:0}.sc-dialog{z-index:81;border:1px solid var(--sc-border);color:#171717;background:#fff;border-radius:11px;width:min(460px,100vw - 28px);padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0003}.sc-dialog h2{margin:0 34px 7px 0;font-size:18px}.sc-dialog>p{color:#737373;margin:0;font-size:12px;line-height:1.5}.sc-dialog-close{background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:14px;right:14px}.sc-dialog-summary{border:1px solid var(--sc-border);border-radius:8px;grid-template-columns:1fr 1fr;margin-top:17px;display:grid;overflow:hidden}.sc-dialog-summary .sc-read-field{border-bottom:0}.sc-dialog-actions{justify-content:flex-end;gap:7px;margin-top:19px;display:flex}@media (width<=720px){.sc-showcase{gap:30px}.sc-intro,.sc-dialog-demo{align-items:start;display:grid}.sc-version{width:max-content}.sc-app-preview{grid-template-columns:1fr;min-height:0}.sc-sidebar{display:none}.sc-app-content{padding:13px}.sc-mobile-head{border-bottom:1px solid var(--sc-border);background:#fff;justify-content:space-between;align-items:center;margin:-13px -13px 14px;padding:12px 13px;display:flex}.sc-page-head{align-items:start;display:grid}.sc-actions{width:100%}.sc-actions .sc-button{flex:1}.sc-summary-grid,.sc-read-grid{grid-template-columns:1fr}.sc-read-field:nth-child(odd){border-right:0}.sc-read-field:nth-last-child(2){border-bottom:1px solid var(--sc-border)}.sc-form{padding:17px}.sc-form-row,.sc-form-row-two,.sc-choice-grid,.sc-content-grid{grid-template-columns:1fr}.sc-table-toolbar{display:grid}.sc-table-toolbar>label{width:100%}.sc-table-toolbar>div{grid-template-columns:1fr 1fr;display:grid}.sc-table thead{display:none}.sc-table,.sc-table tbody,.sc-table tr,.sc-table td{white-space:normal;display:block}.sc-table tr{border-bottom:1px solid var(--sc-border);padding:11px 38px 11px 42px;position:relative}.sc-table td{border:0;padding:3px 0}.sc-table td:first-child{position:absolute;top:13px;left:13px}.sc-table td:last-child{position:absolute;top:8px;right:9px}.sc-table td:before{content:attr(data-label);color:#a3a3a3;text-transform:uppercase;font-size:8px;display:block}.sc-pagination{gap:10px}.sc-dialog-summary{grid-template-columns:1fr}.sc-dialog-summary .sc-read-field:first-child{border-bottom:1px solid var(--sc-border)}}.sc-section{scroll-margin-top:74px}.sc-showcase{--sc-subtle:#eff6ff;--sc-primary:#2563eb}.sc-tabs button.is-active{color:#1d4ed8;border-color:#2563eb}.sc-choice-group input,.dt-table input,.dt-column-grid input{accent-color:#2563eb}.sc-library-group{background:#fff;border-color:#e5e7eb;overflow:hidden}.sc-library-group>.sc-field-group-content{background:#f4f8ff;gap:16px;padding:16px;display:grid}.sc-alert-close{color:#2563eb;cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:auto;padding:6px 9px;font-weight:650}.sc-field-group-actions{align-items:center;gap:9px;display:flex}.sc-collapse-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:grid}.sc-collapse-button:hover{color:#111827;background:#f3f4f6}.sc-collapse-button svg{transition:transform .16s;transform:rotate(-90deg)}.sc-collapse-button svg.is-open{transform:rotate(0)}#fields{background:0 0;border:0;padding:0}#fields .sc-section-head{border-color:#e5e7eb}#fields .sc-section-head p,#fields .sc-field>small,#fields .sc-upload>span{color:#6b7280}#fields .sc-form{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 2px #1118270a}#fields .sc-field-group{background:#fff;border-color:#e5e7eb;overflow:hidden}#fields .sc-field-group-actions{align-items:center;gap:9px;display:flex}#fields .sc-collapse-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:grid}#fields .sc-collapse-button:hover{color:#111827;background:#f3f4f6}#fields .sc-collapse-button svg{transition:transform .16s;transform:rotate(-90deg)}#fields .sc-collapse-button svg.is-open{transform:rotate(0)}#fields .sc-field-group-content>.sc-form{max-width:none;box-shadow:none;border:0;border-radius:0;margin:0}#fields .sc-field>span,#fields .sc-upload>strong,#fields .sc-choice-group>strong{color:#111827}#fields .sc-field>input,#fields .sc-field>select,#fields .sc-field>textarea{color:#111827;background:#fff;border-color:#d1d5db}#fields .sc-field>input:focus,#fields .sc-field>select:focus,#fields .sc-field>textarea:focus{border-color:#2563eb;outline-color:#2563eb38}#fields .sc-field>input:disabled{color:#9ca3af;background:#f3f4f6;border-color:#e5e7eb}#fields .sc-field.has-error>input{border-color:#ef4444}#fields .sc-field.has-error>small{color:#dc2626}#fields .sc-upload{color:#6b7280;background:#fff;border-color:#d1d5db}#fields .sc-choice-grid,#fields .sc-form-footer{border-color:#e5e7eb}#fields .sc-choice-group label{color:#374151}#fields .sc-choice-group input{accent-color:#2563eb}#fields .sc-switch.is-on,#fields .sc-button-primary{background:#2563eb}#fields .sc-button-outline{color:#111827;background:#fff;border-color:#d1d5db}#fields .sc-button-ghost{color:#374151}#fields .sc-view-card{background:#fff;border-color:#e5e7eb}#fields .sc-view-card .sc-read-grid{background:#fff;gap:14px;padding:15px}#fields .sc-view-card .sc-read-field,#fields .sc-view-card .sc-read-field:nth-child(odd),#fields .sc-view-card .sc-read-field:nth-last-child(-n+2){border:0;padding:0}#fields .sc-view-card .sc-read-field>span{color:#111827;margin-bottom:7px;font-size:13px;font-weight:650}#fields .sc-view-card .sc-read-field>div{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:38px;padding:9px 11px;font-size:14px;font-weight:400}#fields .sc-view-card .sc-card-head{border-color:#e5e7eb}@media (width<=720px){.sc-catalog-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;position:static}.sc-catalog-nav a{text-align:center}#fields{padding:0}#fields .sc-view-card .sc-read-grid{grid-template-columns:1fr}}#fields .sc-view-card .sc-read-grid,#fields .sc-form-row,#fields .sc-form-row-two,#fields .sc-choice-grid,.sc-dialog-summary{grid-template-columns:1fr}#fields .sc-view-card .sc-read-field{border-right:0;border-bottom:1px solid var(--sc-border)}#fields .sc-view-card .sc-read-field:last-child{border-bottom:0}.dt-root{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;position:relative;overflow:hidden}.dt-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.dt-search{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;width:min(360px,100%);height:38px;padding:0 10px;display:flex}.dt-search:focus-within{border-color:#2563eb;outline:2px solid #2563eb2e}.dt-search input{color:#111827;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0}.dt-search button{color:#6b7280;cursor:pointer;background:0 0;border:0;font-size:20px}.dt-toolbar-actions{gap:8px;display:flex}.dt-control{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 11px;font-weight:650;display:inline-flex}.dt-control:hover,.dt-control.is-active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.dt-control>span{color:#fff;background:#2563eb;border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:10px;display:grid}.dt-panel{background:#f8fbff;border:1px solid #dbeafe;border-radius:9px;gap:13px;margin:0 13px 13px;padding:14px;display:grid}.dt-panel-head{justify-content:space-between;align-items:center;display:flex}.dt-panel-head button{color:#2563eb;cursor:pointer;background:0 0;border:0;font-weight:650}.dt-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dt-filter-grid label{gap:6px;display:grid}.dt-filter-grid span{font-size:12px;font-weight:650}.dt-filter-grid select,.dt-footer select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px}.dt-filter-grid select{width:100%;padding:8px 9px}.dt-column-grid{flex-wrap:wrap;gap:10px 18px;display:flex}.dt-column-grid label{align-items:center;gap:7px;font-size:12px;display:flex}.dt-column-grid input,.dt-table input{accent-color:#2563eb;width:auto}.dt-scroll{overflow:auto}.dt-table{border-collapse:collapse;white-space:nowrap;width:100%}.dt-table th{color:#6b7280;text-align:left;background:#f9fafb;border-block:1px solid #e5e7eb;padding:9px 11px;font-size:11px;font-weight:650}.dt-table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:12px 11px;font-size:12px}.dt-table td:nth-child(2){color:#111827}.dt-table tr.is-selected td{background:#eff6ff}.dt-sort{color:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:flex}.dt-select-cell{width:40px}.dt-action-cell{width:42px;text-align:right!important}.dt-action-cell button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.dt-action-cell button:hover{color:#111827;background:#f3f4f6}.dt-empty{text-align:center!important;color:#6b7280!important;height:130px!important}.dt-footer{color:#6b7280;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:12px 13px;font-size:11px;display:grid}.dt-footer>label{align-items:center;gap:7px;display:flex}.dt-footer select{padding:6px 24px 6px 8px}.dt-pagination{justify-content:flex-end;align-items:center;gap:8px;display:flex}.dt-pagination button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:7px 10px}.dt-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=720px){.dt-toolbar{display:grid}.dt-toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.dt-control{justify-content:center}.dt-filter-grid{grid-template-columns:1fr}.dt-table thead{display:none}.dt-table,.dt-table tbody,.dt-table tr,.dt-table td{white-space:normal;display:block}.dt-table tr{border-bottom:1px solid #e5e7eb;padding:10px 42px;position:relative}.dt-table td{border:0;padding:4px 0}.dt-table td:before{content:attr(data-label);color:#9ca3af;text-transform:uppercase;font-size:9px;display:block}.dt-table .dt-select-cell{position:absolute;top:12px;left:13px}.dt-table .dt-select-cell:before,.dt-table .dt-action-cell:before{display:none}.dt-table .dt-action-cell{position:absolute;top:7px;right:8px}.dt-empty{height:auto!important;padding:40px 10px!important;position:static!important}.dt-footer{grid-template-columns:1fr auto}.dt-footer>label{justify-self:end}.dt-pagination{grid-column:1/-1;justify-content:space-between}}.dt-profile-relation .dt-scroll,.dt-profile-compact .dt-scroll{border-top:0}.dt-profile-compact{border-radius:14px}.dt-profile-compact .dt-table td,.dt-profile-compact .dt-table th{padding-top:9px;padding-bottom:9px}:root{color:#172033;font-synthesis:none;--ink:#172033;--muted:#64748b;--line:#dbe5f1;--surface:#fff;--accent:#2563eb;--accent-soft:#eff6ff;--danger:#a33b34;--shadow:0 12px 40px #2563eb17;background:#f4f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.page{max-width:1200px;margin:auto;padding:44px 24px 80px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.04em;margin:4px 0 10px;font-size:clamp(30px,5vw,48px);line-height:1.04}.page-header p{color:var(--muted);max-width:720px;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:12px;font-weight:800}.header-actions{gap:10px;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;position:relative;box-shadow:0 1px #2563eb08}.card h2,.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:6px 0}.card-link{color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.card-link:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.link-arrow{color:var(--accent);font-size:24px;position:absolute;top:22px;right:22px}.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.stack{gap:16px;display:grid}.stat-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat{background:#f5f9ff;border-radius:14px;padding:16px}.stat span,.detail span{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.stat strong{font-size:22px}.detail-grid{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.detail{background:#fff;padding:16px}.detail div{overflow-wrap:anywhere}.button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:11px 16px;font-weight:750}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent);color:#fff}.button-secondary{color:var(--ink);background:#eff4fb}.button-danger{color:var(--danger);background:#fae9e7}.badge{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge-success{color:#17633e;background:#e2f3e8}.badge-progress{color:#255987;background:#e6effa}.badge-danger{color:#9a342e;background:#fae7e5}.badge-neutral{color:#5f6963;background:#edf3fb}.field{gap:7px;display:grid}.field>span{font-size:13px;font-weight:700}.field small{color:var(--muted)}input,select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cbdcf2;border-radius:11px;padding:11px 12px}input:focus,select:focus{border-color:var(--accent);outline:3px solid #bfdbfe}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;position:fixed;inset:0}.modal{width:min(520px,100vw - 28px);max-height:90vh;box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:26px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.modal h2{margin:0 36px 8px 0}.modal>p{color:var(--muted)}.modal-close{cursor:pointer;background:#eff4fb;border:0;border-radius:9px;padding:7px;position:absolute;top:16px;right:16px}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.breadcrumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:22px;font-size:13px;display:flex}.breadcrumbs a{color:var(--accent)}.loading{text-align:center;color:var(--muted);padding:64px}.empty,.error{text-align:center;padding:50px}.error{border-color:#efc9c5}.timeline{gap:10px;display:grid}.timeline-item{border-bottom:1px solid #edf3fb;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.timeline-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.login-page{background:radial-gradient(circle at 20% 10%,#dbeafe,#0000 34%),#f4f8ff;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);background:#fff;border-radius:24px;gap:28px;padding:36px;display:grid}.login-brand{font-size:20px;font-weight:850}.login-brand span{color:var(--accent)}.login-panel h1{letter-spacing:-.04em;margin:4px 0 8px;font-size:38px}.login-panel p,.login-note{color:var(--muted)}.login-form{gap:16px;display:grid}.login-form .button{margin-top:4px}.form-error{color:var(--danger);background:#fae7e5;border-radius:10px;padding:11px 13px;font-size:13px}.login-note{text-align:center;font-size:12px}@media (width<=720px){.page{padding:28px 16px 60px}.page-header{align-items:start;display:grid}.grid,.detail-grid,.stat-row{grid-template-columns:1fr}.header-actions{width:100%}.header-actions .button{flex:1}.environment{display:none}}.app-shell{--sidebar-width:240px;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:#f7f8fa;min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell.is-sidebar-collapsed{--sidebar-width:76px}.sidebar{z-index:50;color:#475569;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;min-width:0;height:100vh;padding:18px 12px 12px;display:flex;position:sticky;top:0}.sidebar-head{justify-content:space-between;align-items:center;min-height:36px;margin:0 4px 22px;display:flex}.sidebar-brand{color:#334155;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.sidebar-brand>strong,.mobile-page-brand>strong{white-space:nowrap;font-size:14px;line-height:1.15}.sidebar-brand small,.mobile-page-brand small{color:#2563eb;font-size:10px}.sidebar-mark{color:#fff;background:#2563eb;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid;box-shadow:0 4px 12px #2563eb3d}.sidebar-nav{gap:4px;display:grid}.sidebar-nav a{color:#475569;white-space:nowrap;border-radius:8px;align-items:center;gap:11px;min-height:42px;padding:9px 11px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.sidebar-nav a:hover{color:#1e293b;background:#f8fafc}.sidebar-nav a.is-active{color:#1d4ed8;background:#eff6ff}.sidebar-nav svg{flex:none}.sidebar-footer{border-top:1px solid #e5e7eb;gap:9px;margin-top:auto;padding-top:14px;display:grid}.sidebar-account{align-items:center;gap:9px;min-width:0;padding:4px;display:flex}.sidebar-avatar{color:#1d4ed8;background:#eff6ff;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:850;display:grid}.sidebar-account>div{min-width:0}.sidebar-account strong,.sidebar-account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-account strong{color:#334155;font-size:12px}.sidebar-account small{color:#94a3b8;margin-top:2px;font-size:10px}.sidebar-logout,.sidebar-collapse{color:#64748b;width:100%;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:650;display:flex}.sidebar-logout:hover,.sidebar-collapse:hover{color:#1e293b;background:#f8fafc}.sidebar-collapse{border-top:1px solid #f1f5f9;border-radius:0}.app-shell>.page{width:100%;min-width:0;max-width:1248px;margin:0 auto;padding:44px 24px 80px}.is-sidebar-collapsed .sidebar-brand>strong,.is-sidebar-collapsed .sidebar-nav span,.is-sidebar-collapsed .sidebar-account>div,.is-sidebar-collapsed .sidebar-logout span,.is-sidebar-collapsed .sidebar-collapse span{display:none}.is-sidebar-collapsed .sidebar-head{justify-content:center}.is-sidebar-collapsed .sidebar-nav a,.is-sidebar-collapsed .sidebar-logout,.is-sidebar-collapsed .sidebar-collapse{justify-content:center;padding-inline:0}.mobile-menu-button,.sidebar-close-mobile,.sidebar-overlay,.mobile-page-brand{display:none}@media (width<=720px){.app-shell,.app-shell.is-sidebar-collapsed{min-height:100vh;display:block}.sidebar{width:min(284px,100vw - 48px);height:100dvh;padding:16px 12px;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:0 18px 50px #0f172a2e}.is-sidebar-open .sidebar{transform:translate(0)}.sidebar-head{margin-bottom:18px}.sidebar-close-mobile{color:#475569;background:#f1f5f9;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.sidebar-collapse{display:none}.sidebar-overlay{z-index:40;background:#0f172a6b;border:0;display:block;position:fixed;inset:0}.mobile-menu-button{z-index:35;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:fixed;top:17px;left:16px;box-shadow:0 2px 8px #0f172a0f}.mobile-page-brand{color:#334155;align-items:center;gap:9px;min-height:38px;margin:0 0 24px 46px;display:flex}.app-shell>.page{width:100%;max-width:none;padding:16px 16px 60px}}.page-mode-indicator{color:#64748b;background:#fff;border:1px solid #dbe3dd;border-radius:8px;place-items:center;width:28px;height:28px;margin-left:2px;display:inline-grid}.page-mode-indicator.is-edit{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.edit-mode-toggle{color:#475569;cursor:pointer;background:#fff;border:1px solid #d5ddd7;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;display:grid}.edit-mode-toggle:hover{color:#1d4ed8;background:#f8fbff;border-color:#93c5fd}.edit-mode-toggle.is-editing{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.edit-mode-toggle:focus-visible{outline-offset:2px;outline:3px solid #bfdbfe}.sidebar-nav-group{gap:4px;display:grid}.sidebar-subnav{gap:2px;margin:0 0 6px;display:grid}.sidebar-subnav a{color:#64748b;background:0 0;border-left:2px solid #e2e8f0;border-radius:0;min-height:30px;padding:5px 10px 5px 40px;font-size:11px;font-weight:600}.sidebar-subnav a:hover{color:#1e40af;background:#f8fafc;border-left-color:#93c5fd}.sidebar-subnav a.is-active{color:#1d4ed8;background:0 0;border-left-color:#2563eb}.edit-mode-toggle{white-space:nowrap;gap:8px;width:auto;min-width:42px;padding:0 13px;display:inline-flex}.edit-mode-toggle svg{flex:none}.is-sidebar-collapsed .sidebar-subnav{display:none}:root{color:#172033;--ink:#172033;--muted:#64748b;--line:#dbe5f1;--surface:#fff;--accent:#2563eb;--accent-soft:#eff6ff;--shadow:0 12px 40px #2563eb17;background:#f4f8ff}body,.app-shell{background:#f4f8ff}.page-header{background:linear-gradient(135deg,#fff 0%,#eff6ff 100%);border:1px solid #dbeafe;border-radius:18px;padding:24px;box-shadow:0 1px 2px #2563eb0a}.stat{background:#f5f9ff}.detail-grid{grid-template-columns:1fr}.button-secondary,.modal-close{background:#eff4fb}.field input:focus,.field select:focus,input:focus,select:focus{border-color:#2563eb;outline-color:#bfdbfe}.login-page{background:radial-gradient(circle at 20% 10%,#dbeafe,#0000 38%),#f4f8ff}.page-mode-indicator{border-color:#dbeafe}.edit-mode-toggle:focus-visible{outline-color:#bfdbfe}@media (width<=720px){.page-header{padding:18px}}.page-template{min-width:0}.breadcrumb-part{align-items:center;gap:8px;display:inline-flex}.section-card-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-card-heading h2{margin:0}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}.action-menu{position:relative}.action-menu>summary{border:1px solid var(--line);color:#475569;cursor:pointer;background:#fff;border-radius:11px;place-items:center;width:42px;height:42px;list-style:none;display:grid}.action-menu>summary::-webkit-details-marker{display:none}.action-menu-popover{z-index:20;border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow);background:#fff;border-radius:12px;gap:6px;padding:8px;display:grid;position:absolute;top:48px;right:0}.action-menu-popover .button{text-align:left;width:100%}.page-template .stack>.card+.card{margin-top:0}.article-preview figure{margin:0}.article-preview img{max-width:100%;height:auto;display:block}.article-preview{overflow-wrap:anywhere}