:root{font-family:Manrope,sans-serif;color:#10243e;background:radial-gradient(circle at top right,rgba(255,192,118,.4),transparent 25%),linear-gradient(180deg,#f6f9fc,#ebf1f7);--surface: rgba(255, 255, 255, .88);--border: rgba(16, 36, 62, .1);--primary: #135d66;--primary-soft: #d9f0ea;--danger: #a63d40;--text-muted: #5e7087;--shadow: 0 18px 40px rgba(16, 36, 62, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:24px;border-right:1px solid var(--border);background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand span,.brand-logo,.brand-logo--fallback{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#135d66,#77b0aa);color:#fff;font-weight:800}.brand-logo{object-fit:cover;background:#fff;border:1px solid var(--border)}.nav{display:grid;gap:8px}.nav-group{display:grid;gap:8px;margin-top:8px}.nav-group__title{margin:4px 12px 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-weight:800}.nav a{padding:12px 14px;border-radius:14px;color:var(--text-muted)}.nav a.active,.nav a:hover{background:var(--primary-soft);color:var(--primary)}.sidebar-footer{margin-top:auto;padding:16px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.content{padding:32px}.page-shell,.category-grid,.stack-list,.user-list,.form-stack,.meta-list{display:grid;gap:16px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:end}.page-header h1,.login-card h1{margin:6px 0;font-size:clamp(1.8rem,3vw,2.8rem)}.eyebrow{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-weight:800}.category-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.category-card,.panel,.login-card,.app-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.category-card,.panel,.app-card{padding:22px}.category-card{transition:transform .2s ease}.category-card:hover{transform:translateY(-3px)}.app-card__header{display:flex;justify-content:space-between;gap:16px}.app-grid{margin-top:18px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.app-grid span{display:block;margin-bottom:6px;color:var(--text-muted);font-size:.9rem}.badge{height:fit-content;padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:700;text-transform:capitalize}.badge--approved{background:#d7f5dd;color:#206437}.badge--pending{background:#ffe8bf;color:#8a5a00}.badge--rejected{background:#ffd8d8;color:#7f1d1d}.button{border:0;border-radius:14px;padding:11px 16px;cursor:pointer;font-weight:700}.button--primary{background:var(--primary);color:#fff}.button--ghost{background:transparent;border:1px solid var(--border)}.button--danger{background:var(--danger);color:#fff}.form-grid,.two-column-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field{display:grid;gap:8px}.form-field--full{grid-column:1 / -1}.form-field input,.form-field textarea,.form-field select,.search-box input,.inline-actions select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}.form-actions,.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.search-box{min-width:min(360px,100%)}.login-page{min-height:100vh;padding:24px;display:grid;place-items:center}.login-card{width:min(520px,100%);padding:32px}.login-brand{margin-bottom:18px}.brand-logo--large,.brand-logo--preview{width:72px;height:72px;border-radius:20px}.hint-box,.success-box{margin-top:18px;padding:14px 16px;border-radius:16px;background:#edf7f5;color:#1d4f4a}.error-text{color:var(--danger);margin:0}.approval-card,.user-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.field-row,.submission-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.checkbox-field{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}.checkbox-field input{width:auto}.status-note{padding:12px 14px;border-radius:16px}.status-note--rejected{background:#fff1f1;color:#8b1f1f}.meta-list{margin-top:12px}.system-preview,.brand-preview{display:grid;gap:16px}.brand-preview{align-items:center;justify-items:start}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.content{padding:20px}}@media (max-width: 720px){.page-header,.approval-card,.user-row,.app-card__header,.field-row,.submission-header,.two-column-layout,.form-grid{display:grid;grid-template-columns:1fr}.search-box{min-width:100%}}