:root{--ink:#182026;--muted:#66737b;--line:#dbe3e7;--paper:#fff;--soft:#f5f7f8;--panel:#101820;--panel-2:#1d2a32;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#e1f3f1;--danger:#b42318;--danger-soft:#fff1ef;--warning:#b54708;--warning-soft:#fff5e6;--info:#365a7a;--info-soft:#eaf1f6;--shadow:0 18px 45px #12202614}*{box-sizing:border-box}html,body{background:linear-gradient(180deg, #eef4f4 0, var(--soft) 340px), var(--soft);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{grid-template-columns:282px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--panel);color:#f7fbfc;border-left:1px solid #ffffff14;flex-direction:column;gap:22px;min-height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand-block{border-bottom:1px solid #ffffff1a;gap:8px;padding:8px 4px 18px;display:grid}.brand{align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.brand img{object-fit:cover;border-radius:8px;width:44px;height:44px;box-shadow:0 10px 22px #00000038}.brand-block p{color:#aebdc4;margin:0;font-size:13px}.nav{gap:7px;display:grid}.nav a{color:#d7e2e6;border-radius:8px;align-items:center;gap:10px;padding:12px;transition:background .16s,color .16s,transform .16s;display:flex}.nav a:hover,.nav a.active{background:var(--panel-2);color:#fff}.nav a.active{box-shadow:inset 4px 0 0 var(--accent)}.nav-icon{color:#9fb4bb;flex:none;width:20px;height:20px}.nav a.active .nav-icon{color:#83d3ca}.sidebar-footer{border-top:1px solid #ffffff1a;gap:12px;margin-top:auto;padding-top:16px;display:grid}.sidebar-footer span{color:#9fb4bb;text-transform:uppercase;font-size:12px}.content{align-content:start;gap:20px;min-width:0;padding:26px 30px 40px;display:grid}.admin-top{min-height:70px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #dbe3e7d9;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.admin-top h1{margin:4px 0 0;font-size:24px}.eyebrow,.top-chip{color:var(--muted);font-size:12px}.eyebrow{text-transform:uppercase}.top-chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 11px}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.title{margin:0;font-size:28px;line-height:1.25}.subtitle{color:var(--muted);margin:6px 0 0}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 10px 30px #1220260d}.metric{align-content:center;gap:12px;min-height:126px;display:grid;position:relative;overflow:hidden}.metric:before{content:"";background:var(--accent);border-radius:999px;width:46px;height:4px}.metric span{color:var(--muted);font-size:14px}.metric strong{letter-spacing:0;font-size:30px}.accent-card{background:var(--accent-soft);border-color:#b8dfda}.warning-card{background:var(--warning-soft);border-color:#f1d2a8}.warning-card:before{background:var(--warning)}.info-card{background:var(--info-soft);border-color:#c9dbe8}.info-card:before{background:var(--info)}.neutral-card:before{background:#77858b}.table-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;width:100%;overflow-x:auto;box-shadow:0 12px 30px #1220260d}.table{border-collapse:collapse;width:100%;min-width:720px}.table th,.table td{text-align:right;border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px}.table th{color:#53636b;background:#f0f5f6;font-size:13px;font-weight:700}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfc}.table-empty{color:var(--muted);text-align:center}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:42px;padding:10px 16px;font-weight:700;transition:background .16s,transform .16s,box-shadow .16s}.button:hover{background:var(--accent-strong);box-shadow:0 10px 22px #0f766e2e}.button.secondary{background:var(--panel-2)}.mini-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;min-height:34px;padding:7px 10px;font-weight:700}.mini-button:hover{border-color:var(--accent)}.mini-button.danger{background:var(--danger-soft);color:var(--danger);border-color:#f1b7b2}.form{background:var(--paper);border:1px solid var(--line);border-radius:8px;gap:14px;width:min(440px,100%);padding:20px;display:grid;box-shadow:0 12px 30px #1220260d}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:14px}.field input,.field textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fbfcfc;border-radius:8px;padding:10px 12px}.field textarea{resize:vertical;min-height:92px}.field select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fbfcfc;border-radius:8px;padding:10px 12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:2px solid #0f766e2e}.wide-form{width:100%}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.edit-form{background:#fcfffe;border-color:#a8d8d4}.action-row,.table-actions{flex-wrap:wrap;gap:8px;display:flex}.check-row{flex-wrap:wrap;gap:14px;margin:14px 0;display:flex}.check-field{min-height:44px;color:var(--muted);align-items:center;gap:8px;display:flex}.check-field input{width:auto}.order-items{gap:12px;margin:16px 0;display:grid}.compact-grid{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;grid-template-columns:minmax(170px,1fr) 120px 140px auto;align-items:end;padding:12px}.action-field{align-self:end}.inline-select{border:1px solid var(--line);background:var(--paper);max-width:170px;min-height:34px;color:var(--ink);border-radius:8px;padding:6px 9px}.section-title{margin:0;font-size:20px;line-height:1.35}.success,.hint{margin:0;font-size:14px}.success{color:var(--accent-strong);background:var(--accent-soft);border:1px solid #b8dfda;border-radius:8px;padding:10px 12px}.hint{color:var(--muted)}.settings-list{gap:14px;display:grid}.workflow-map,.details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.details-card{align-content:start;gap:12px;display:grid}.detail-row{border-bottom:1px solid var(--line);gap:5px;padding-bottom:10px;display:grid}.detail-row:last-child{border-bottom:0;padding-bottom:0}.detail-row span{color:var(--muted);font-size:13px}.detail-row strong{font-size:15px;line-height:1.5}.pill-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:14px}.action-pill{align-items:center;gap:8px;display:inline-flex}.action-pill button{color:var(--accent-strong);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.final-pill{background:var(--accent-soft);color:var(--accent-strong);border-color:#b8dfda}.token-box{gap:10px;display:grid}.token-box code{overflow-wrap:anywhere;border:1px solid var(--line);color:var(--ink);direction:ltr;background:#f7fafb;border-radius:8px;padding:12px;display:block}.status-badge{background:var(--info-soft);min-height:28px;color:var(--info);border:1px solid #c9dbe8;border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.login-page{background:linear-gradient(180deg, #1018201a, #1018200a), var(--soft);place-items:center;min-height:100vh;padding:24px;display:grid}.portal-login{place-items:center;min-height:100vh;padding:24px;display:grid}.portal-shell{align-content:start;gap:22px;min-height:100vh;padding:28px;display:grid}.portal-header,.portal-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.portal-actions{justify-content:flex-end}.empty-state{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:8px;margin:0;padding:18px}.login-wrap{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;width:min(920px,100%);display:grid}.panel{background:var(--panel);color:#fff;min-height:420px;box-shadow:var(--shadow);background-image:url(/tripoli.svg);background-position:50%;background-size:cover;border-radius:8px;align-content:end;padding:28px;display:grid}.panel h1{margin:0;font-size:34px}.panel p{color:#dce7ea;margin:10px 0 0}.error{color:var(--danger);background:var(--danger-soft);border:1px solid #f1b7b2;border-radius:8px;padding:10px 12px;font-size:14px}@media (max-width:840px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.grid,.workflow-map,.login-wrap,.form-grid,.details-grid{grid-template-columns:1fr}.content{padding:18px}.admin-top{flex-direction:column;align-items:flex-start}.portal-header,.portal-actions{flex-direction:column;align-items:stretch}}