:root{--orange:#f7a500;--dark:#141414;--sidebar:#17191d;--surface:#fff;--bg:#f3f5f8;--border:#e4e7ec;--muted:#667085;--danger:#c62828;--success:#1f8b4c;--blue:#175cd3;--radius:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1d2939;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar);color:#fff;padding:20px 14px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px;border-bottom:1px solid #ffffff18;margin-bottom:16px}.brand-mark{width:44px;height:44px;background:var(--orange);color:#171717;border-radius:12px;display:grid;place-items:center;font-weight:900}.brand strong{display:block}.brand small{color:#aeb6c2}.nav-section{margin:16px 8px 6px;color:#7f8a9a;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#d5dae2;margin:2px 0}.nav a:hover,.nav a.active{background:#ffffff12;color:#fff}.nav .dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.topbar-user{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#fff3d7;border:1px solid #ffd98a;display:grid;place-items:center;font-weight:800}.content{padding:24px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:6px 0 0;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 2px 8px #10182808;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.stat small{color:var(--muted);display:block}.stat strong{font-size:28px;display:block;margin-top:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:#fff;color:#1d2939;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;line-height:1.1}.btn-primary{background:var(--orange);color:#1b1b1b}.btn-dark{background:#1d2939;color:#fff}.btn-outline{border-color:#d0d5dd}.btn-danger{background:#fff0f0;color:var(--danger);border-color:#ffc7c7}.btn-sm{padding:7px 10px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px 14px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:middle;white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;color:#667085;background:#fafafa;letter-spacing:.03em}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#f2f4f7}.badge-orange{background:#fff1cc;color:#8a5700}.badge-green{background:#eaf8ef;color:#176b3a}.badge-blue{background:#eaf2ff;color:#1849a9}.badge-red{background:#fff0f0;color:#a61919}.badge-gray{background:#f2f4f7;color:#475467}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-group{display:flex;flex-direction:column;gap:7px}.field-group.full{grid-column:1/-1}.field-group label{font-weight:700;font-size:14px}.field-group input,.field-group select,.field-group textarea{width:100%;padding:11px 12px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;outline:none}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:#e59a00;box-shadow:0 0 0 3px #f7a50022}.field-group textarea{min-height:110px;resize:vertical}.required{color:#d92d20}.help-text{color:var(--muted)}.check-inline{display:inline-flex!important;align-items:center;gap:6px;margin-right:14px;font-weight:500!important}.check-inline input{width:auto}.form-heading{grid-column:1/-1;margin-top:8px;padding:12px 0 6px;border-bottom:2px solid #f0a000}.form-heading h3{margin:0;font-size:18px}.form-divider{grid-column:1/-1;border:0;border-top:1px solid var(--border);width:100%}.alert{border-radius:10px;padding:12px 14px;margin-bottom:14px;border:1px solid}.alert-success{background:#ecfdf3;border-color:#abefc6;color:#067647}.alert-error{background:#fef3f2;border-color:#fecdca;color:#b42318}.alert-warning{background:#fffaeb;border-color:#fedf89;color:#93370d}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 20%,#fff4d6 0,transparent 28%),#f3f5f8}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 20px 60px #10182818}.login-card h1{margin:18px 0 6px}.login-logo{width:58px;height:58px;border-radius:16px;background:var(--orange);display:grid;place-items:center;font-weight:900;font-size:20px}.builder-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:16px;align-items:start}.palette,.properties{position:sticky;top:86px}.palette-item{padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;margin:7px 0;cursor:grab;font-weight:700}.builder-canvas{min-height:520px;border:2px dashed #d0d5dd;border-radius:14px;padding:14px;background:#fbfcfd}.builder-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;cursor:grab}.builder-field.selected{border-color:var(--orange);box-shadow:0 0 0 3px #f7a50022}.builder-field .drag{color:#98a2b3}.builder-field .grow{flex:1}.builder-field small{color:var(--muted)}.empty-state{text-align:center;padding:42px 18px;color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.permission-item{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:9px}.permission-item input{width:auto}.status-timeline{display:flex;flex-wrap:wrap;gap:8px}.info-list{display:grid;grid-template-columns:180px 1fr;gap:8px 14px}.info-list dt{color:var(--muted)}.info-list dd{margin:0;font-weight:600}.mobile-toggle{display:none}.print-only{display:none}@media(max-width:1100px){.builder-layout{grid-template-columns:220px 1fr}.properties{grid-column:1/-1;position:static}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:50}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-toggle{display:inline-flex}.content{padding:16px}.topbar{padding:0 14px}.form-grid,.grid-2,.grid-3,.permission-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.builder-layout{grid-template-columns:1fr}.palette,.properties{position:static}.page-head{flex-direction:column}}@media(max-width:500px){.stats{grid-template-columns:1fr}.info-list{grid-template-columns:1fr}.table th,.table td{padding:10px}}