:root{color:#202833;background:#eef5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.72}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1d68d859}.auth-page,.app-shell{min-height:100vh}.auth-page{background:linear-gradient(120deg,#0c2b5ce6,#145ba2c7),linear-gradient(135deg,#eaf3ff 0%,#f9fbff 45%,#dfefff 100%);place-items:center;padding:24px;display:grid}.app-shell{background:#eef5ff;grid-template-columns:260px minmax(0,1fr);display:grid}.auth-panel{background:#fffdf8f5;border:1px solid #d0c7b8e6;border-radius:8px;width:min(620px,100%);padding:34px 42px 38px;box-shadow:0 18px 42px #0e18212e}.brand-lockup{justify-items:center;gap:22px;min-width:0;margin-bottom:18px;display:grid}.brand-lockup.compact h1{font-size:26px}.brand-logo{object-fit:contain;object-position:center;border-radius:8px;width:100%;max-width:470px;height:auto;display:block}.brand-lockup h1{text-align:center;font-size:42px}.eyebrow{color:#6e7f96;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}h1,h2{color:#202833;margin:0;line-height:1.1}h1{font-size:30px}h2{color:#27323d;align-items:center;gap:10px;margin-bottom:18px;font-size:20px;display:flex}.segmented{background:#e9e3d7;border:1px solid #ded5c6;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:26px 0 22px;padding:4px;display:grid}.segmented button{color:#596454;background:0 0;border-radius:6px;height:40px;font-weight:750}.segmented .active{color:#1f463d;background:#fffdf8;box-shadow:0 1px 6px #242f3a1f}.form,.item-form{gap:14px;display:grid}.auth-panel .form{gap:18px}label{color:#3f4b45;gap:6px;font-size:14px;font-weight:700;display:grid}input,textarea,select{color:#202833;background:#fffdf8;border:1px solid #cfc6b8;border-radius:6px;outline:none;width:100%;padding:11px 12px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus,textarea:focus,select:focus{background:#fff;border-color:#1d68d8;box-shadow:0 0 0 3px #1d68d824}textarea{resize:vertical;min-height:92px}.primary,.secondary{border-radius:6px;min-height:42px;padding:0 16px;font-weight:800}.primary{color:#fff;background:linear-gradient(#1d68d8,#154eaa);box-shadow:0 8px 18px #1d68d82e}.secondary{color:#20324c;background:#e8f1ff;border:1px solid #c9dbf4}.icon-text{justify-content:center;align-items:center;gap:8px;display:inline-flex}.link-button{color:#1d5fc0;text-align:center;background:0 0;min-height:0;padding:0;font-size:14px;font-weight:800}.error{color:#ad3f2d;margin:0;font-size:14px}.success{color:#1f6a4a;margin:0;font-size:14px;font-weight:750}.status-banner{border:1px solid;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:700;display:flex}.status-banner.error{color:#8f2f23;background:#fff3f1;border-color:#efc2bb}.status-banner.success{color:#1f6a4a;background:#effaf4;border-color:#b9dfcd}.status-banner button{width:30px;height:30px;color:inherit;background:0 0;border-radius:6px;flex:none;place-items:center;display:grid}.form-error{padding:12px 18px 0}.sidebar{background:linear-gradient(#f9fcff,#edf7ff);border-right:1px solid #d2e1f5;min-height:100vh;padding:22px 16px;box-shadow:8px 0 24px #1d48800f}.sidebar-brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.sidebar-logo{object-fit:contain;object-position:left center;border-radius:8px;width:58px;height:42px;display:block}.sidebar-brand p,.nav-group p{color:#6c7b8f;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:12px;font-weight:850}.sidebar-brand h1{margin-top:2px;font-size:24px}.nav-group{gap:8px;margin-bottom:22px;display:grid}.nav-group button{color:#39506b;text-align:left;background:#f8fcff;border-radius:999px;align-items:center;gap:12px;height:46px;padding:0 18px 0 68px;font-weight:750;display:flex;box-shadow:0 5px 14px #1d488014}.nav-group button svg{color:#456a87;margin-left:-34px}.nav-group button.active{color:#0b4fa4;background:#dcecff;box-shadow:inset 4px 0 #1d68d8,0 5px 14px #1d68d81a}.main-content{min-width:0;padding:22px}.dashboard-hero{color:#fff;background:radial-gradient(circle at 94% 78%,#4d92ea59 0 15%,#0000 15.5%),linear-gradient(135deg,#082d63,#105aae 58%,#1c7be2);border-radius:8px;min-height:258px;position:relative;overflow:hidden;box-shadow:0 14px 30px #1253a42e}.hero-brand-card{background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;align-items:center;padding:10px 14px;display:flex;position:absolute;top:28px;left:28px}.hero-brand-card img{object-fit:contain;background:#fffffff0;border-radius:8px;width:260px;height:74px}.hero-user{color:#183355;background:#ffffffeb;border-radius:999px;grid-template-columns:1fr 36px;align-items:center;min-width:230px;padding:9px 10px 9px 16px;display:grid;position:absolute;top:22px;right:22px}.hero-user span,.hero-user small{text-overflow:ellipsis;white-space:nowrap;grid-column:1;overflow:hidden}.hero-user span{font-weight:850}.hero-user small{color:#6a7890}.hero-user button{color:#0b4fa4;background:#e3f0ff;border-radius:999px;grid-area:1/2/span 2;place-items:center;width:34px;height:34px;display:grid}.hero-copy-block{position:absolute;bottom:28px;left:28px}.hero-copy-block p{color:#eaf4ff;letter-spacing:2px;text-transform:uppercase;border:1px solid #ffd147b3;border-radius:999px;margin:0 0 10px;padding:5px 12px;font-size:14px;font-weight:850;display:inline-flex}.hero-copy-block h1{color:#fff;font-size:54px;line-height:.95}.workspace{flex-direction:column;gap:14px;padding:14px 0 0;display:flex}.user-editor{padding:16px}.user-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.user-form .form-actions{grid-column:1/-1}.toolbar-spacer{flex:auto}.list-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.toolbar-actions{justify-content:flex-end;gap:12px;margin-left:auto;display:flex}.toolbar-actions .primary{min-width:164px}.search-field{color:#76806f;background:#fffdf8;border:1px solid #d7e4f4;border-radius:8px;flex:360px;align-items:center;gap:10px;max-width:620px;height:40px;padding:0 12px;display:flex;box-shadow:0 4px 12px #25303d09}.search-field input{height:100%;box-shadow:none;background:0 0;border:0;padding:0}.search-field input:focus{box-shadow:none;background:0 0;border:0}.editor-panel,.table-panel{background:#fff;border:1px solid #d7e4f4;border-radius:8px;box-shadow:0 8px 22px #1d48800f}.editor-panel{background:#f7fbff;width:100%;max-width:1280px;margin:0 auto;padding:10px;overflow:visible}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.panel-heading h2{margin:0}.ghost-button{color:#526057;background:0 0;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.ghost-button:hover{background:#e8f1ff}.editor-panel h2 svg{color:#1d68d8}.item-master-form{gap:10px;display:grid}.item-form-title{background:#fff;border-bottom:1px solid #dce8f6;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 14px;display:flex}.title-cluster{align-items:center;gap:12px;min-width:0;display:flex}.title-actions{flex:none}.item-form-title h2{margin:0;font-size:21px;display:block}.item-form-title p{color:#6d766a;margin:3px 0 0;font-size:13px;font-weight:750}.title-icon,.form-section-title span{color:#2f4f48;background:#e8f1ff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.form-section{background:#fff;border:1px solid #d7e4f4;border-radius:8px;padding:14px;box-shadow:0 4px 14px #25303d09}.form-section-title{border-bottom:1px solid #e4eef9;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;display:flex}.form-section-title h3{color:#202833;margin:0;font-size:18px;line-height:1}.form-section-title em{white-space:nowrap;color:#1d7c4a;background:#effbf2;border:1px solid #bce4ca;border-radius:999px;max-width:180px;margin-left:auto;padding:4px 9px;font-size:12px;font-style:normal;font-weight:800}.section-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.section-grid label{color:#34403a;gap:5px;font-size:12px;position:relative}.section-grid input,.section-grid select{color:#202833;background:#fffefa;height:40px;padding:8px 12px;font-weight:750}.wide-field{grid-column:span 2}.form-note{color:#687583;background:#fbfcfb;border:1px solid #dfe5e8;border-radius:7px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.sticky-actions{background:#fffdf8f5;border-top:1px solid #ebe3d6;border-radius:0 0 8px 8px;justify-content:flex-end;padding:12px 4px 4px;position:sticky;bottom:0}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.table-panel{overflow:auto}.options-panel{background:#fff;border:1px solid #d7e4f4;border-radius:8px;padding:16px;box-shadow:0 8px 22px #1d48800f}.options-heading{border-bottom:1px solid #e4eef9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.options-heading h2{margin:0;display:block}.options-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.option-group{background:#f8fbff;border:1px solid #dbe8f7;border-radius:8px;gap:9px;padding:12px;display:grid}.option-group h3{color:#20324c;margin:0;font-size:14px}.option-add-form{grid-template-columns:minmax(0,1fr) 40px;gap:8px;display:grid}.option-add-form input{height:40px}.option-add-form button{place-items:center;min-height:40px;padding:0;display:grid}.option-values{color:#26364a;background:#fff;height:38px;padding:0 10px;font-size:13px;font-weight:750}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ebe3d6;padding:11px 14px}th{color:#6d766a;text-transform:uppercase;background:#f3f8ff;font-size:11px;font-weight:850}.sort-button{color:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;background:0 0;align-items:center;gap:5px;padding:0;display:inline-flex}.sort-button svg{opacity:.45;transition:transform .16s,opacity .16s}.sort-button.active svg{opacity:1}.sort-button .ascending{transform:rotate(180deg)}td{color:#2d3641}tbody tr:hover{background:#f5f9ff}.row-actions{justify-content:flex-end;gap:8px;display:flex}.row-actions button{color:#2f4f48;background:#e8f1ff;border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.row-actions button:hover{color:#fff;background:#1d68d8}.empty{color:#76806f;text-align:center}.empty-state{white-space:normal;place-content:center;justify-items:center;gap:7px;min-height:94px;padding:12px;display:grid}.empty-state strong{color:#2d3d51;font-size:16px}.empty-state span{max-width:440px;line-height:1.45}.empty-state .primary{min-height:38px;margin-top:4px}.spinner{border:3px solid #d9e7f7;border-top-color:#1d68d8;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted-empty{color:#9a9286;font-size:12px;font-weight:750}.modal-backdrop{z-index:20;background:#1f263052;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{background:#fffdf8;border:1px solid #d7caba;border-radius:8px;width:min(420px,100%);padding:20px;box-shadow:0 20px 54px #1f263038}.confirm-modal h2{margin:0;font-size:21px;display:block}.confirm-modal p{color:#5e685f;margin:10px 0 18px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.danger{color:#fff;background:#a64b3c;border-radius:6px;min-height:42px;padding:0 16px;font-weight:800}@media (width<=860px){.topbar{align-items:flex-start;padding:16px 18px}.brand-lockup.compact h1{font-size:22px}.workspace{padding:16px 18px 22px}.module-strip{align-items:flex-start;margin:16px 18px 0}.module-strip h2{font-size:20px}.section-grid,.options-grid{grid-template-columns:1fr 1fr}.wide-field{grid-column:1/-1}.user-form{grid-template-columns:1fr 1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{border-bottom:1px solid #d2e1f5;border-right:0;min-height:0;padding:12px 16px;box-shadow:0 6px 18px #1d488014}.sidebar-brand{gap:10px;margin-bottom:10px}.sidebar-logo{width:52px;height:38px}.sidebar-brand p{font-size:10px}.sidebar-brand h1{font-size:20px}.nav-group{gap:8px;margin:0;display:flex;overflow-x:auto}.nav-group>p{display:none}.nav-group button{flex:none;height:40px;padding:0 18px 0 48px}.nav-group button svg{margin-left:-28px}.main-content{padding:12px}.dashboard-hero{min-height:190px}.hero-brand-card{padding:7px 9px;top:16px;left:16px}.hero-brand-card img{width:150px;height:48px}.hero-user{min-width:0;padding:4px;display:block;top:16px;right:16px}.hero-user span,.hero-user small{display:none}.hero-user button{width:36px;height:36px}.hero-copy-block{bottom:22px;left:20px}.hero-copy-block h1{font-size:40px}.workspace{padding:12px 0 0}.table-panel{width:100%}.options-heading{gap:12px}}@media (width<=520px){.auth-panel{padding:24px}.brand-lockup{gap:16px;margin-bottom:16px}.brand-logo{width:min(100%,330px);height:auto}.brand-lockup h1{font-size:34px}.topbar,.module-strip,.list-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{grid-template-columns:1fr 1fr;justify-content:stretch;margin-left:0;display:grid}.toolbar-actions .primary{flex:1;min-width:0}.search-field{flex:0 0 44px;width:100%;max-width:none;height:44px}.section-grid,.user-form,.options-grid{grid-template-columns:1fr}.table-panel.is-empty table{min-width:100%}.table-panel.is-empty thead{display:none}.item-form-title,.title-cluster{align-items:flex-start}.item-form-title{flex-direction:column}.title-actions,.title-actions .secondary{width:100%}.form-actions>button{flex:140px}.sticky-actions{position:static}h1{font-size:27px}}