@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;800&display=swap";:root{--font-body:Manrope, Inter, "Segoe UI", Arial, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-body-size:1rem;--font-section:1.125rem;--font-title:clamp(1.5rem, 2vw, 1.75rem);--weight-body:400;--weight-label:550;--weight-title:650;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--sidebar-width:13.5rem;--sidebar-rail:3.75rem;--header-height:3.9375rem;--content-max:88.75rem;--content-pad:2rem;--radius-control:.625rem;--radius-surface:.875rem;--radius-small:.375rem;--touch-target:2.75rem;--motion-enter:.18s;--motion-exit:.12s;--motion-layout:.2s cubic-bezier(.2, .8, .2, 1);--bg:#f5f6f8;--surface:#fff;--text:#111;--text-muted:#465163;--border:#c7ceda;--control:#edf0f5;--hover:#e0e6ef;--brand:#06531a;--brand-hover:#043b12;--brand-soft:#e8f2eb;--on-brand:#fff;--sidebar-bg:#06531a;--sidebar-text:#fff;--sidebar-muted:#d3e5d6;--sidebar-selected:#fff;--sidebar-selected-text:#06531a;--success:#137344;--success-bg:#e8f7ee;--success-border:#8ac7a3;--warning:#74540d;--warning-bg:#fff6da;--warning-border:#d0b562;--danger:#9f1239;--danger-bg:#fff1f2;--danger-border:#fda4af;--info:#1645a0;--info-bg:#e8efff;--info-border:#b9ccff;--shadow:0 .75rem 2.125rem #1720330d;--shadow-modal:0 1.5rem 4rem #1113;--overlay:#1119;--sidebar-wash:#ffffff14;--shadow-color:#1720330d;--focus:var(--brand);--focus-width:3px;--focus-offset:3px}@media (prefers-reduced-motion:reduce){:root{--motion-enter:0s;--motion-exit:0s;--motion-layout:0s}}:root{font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;--green:var(--brand);--muted:var(--text-muted);--line:var(--border);--radius:var(--radius-surface);font-size:1rem}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid var(--control);border-radius:var(--radius-control);background:var(--surface);min-height:39px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:550;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}button:hover,.button:hover{background:var(--control);border-color:var(--border)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.button.primary{background:var(--green);color:var(--surface);border-color:var(--green)}button.primary:hover,.button.primary:hover{background:var(--brand-hover)}button.danger{background:var(--danger);color:var(--surface);border-color:var(--danger)}.danger-text{color:var(--danger)!important}button.icon{background:0 0;border-color:#0000;min-width:36px;min-height:36px;padding:8px}.text-button{min-height:26px;color:var(--green);font-size:var(--font-sm);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;text-decoration:none;display:inline-flex}.text-button:hover{background:0 0;text-decoration:underline}.full{width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text);font-family:Manrope,system-ui,sans-serif}h1{letter-spacing:-1px;margin-bottom:8px;font-size:1.8125rem;font-weight:750}h2{letter-spacing:-.35px;margin-bottom:4px;font-size:1.0625rem;font-weight:750}h3{margin-bottom:7px;font-size:.9375rem;font-weight:700}p{color:var(--text-muted);line-height:1.65}small{font-size:var(--font-xs);color:var(--muted)}.eyebrow{font-size:var(--font-xs);letter-spacing:1.6px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-weight:700;display:block}.green{color:var(--green)}.muted{color:var(--muted);font-size:var(--font-sm)}.late{color:var(--danger)}.app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns var(--motion-layout);display:grid}.sidebar{background:var(--green);color:var(--surface);z-index:30;flex-direction:column;height:100dvh;padding:0 14px;display:flex;position:sticky;top:0;overflow:hidden}.brand-row{flex-shrink:0;justify-content:space-between;align-items:center;height:84px;padding:0 5px;display:flex}.brand-crop{flex-shrink:0;width:162px;height:39px;position:relative;overflow:hidden}.brand-crop img{width:370px;max-width:none;height:208.125px;position:absolute;top:-86px;left:-104px}.sidebar-toggle{color:var(--text-muted);background:0 0;border:0;min-width:30px;min-height:32px;padding:5px}.sidebar-toggle:hover{background:var(--sidebar-wash);color:var(--surface)}.workspace{border:1px solid var(--sidebar-wash);border-radius:var(--radius-control);align-items:center;gap:10px;min-height:64px;margin-bottom:25px;padding:13px 9px;display:flex}.workspace-avatar{background:var(--sidebar-wash);border-radius:var(--radius-control);flex-shrink:0;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.workspace small{font-size:var(--font-xs);letter-spacing:1.3px;color:var(--text-muted)}.workspace select{width:153px;color:var(--surface);height:auto;font-weight:600;font-size:var(--font-sm);background:0 0;border:0;padding:2px 0;display:block}.workspace select option{color:var(--text);background:var(--surface)}.nav-caption{font-size:var(--font-xs);letter-spacing:1.4px;color:var(--text-muted);margin:0 12px 11px}.sidebar nav{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;flex-direction:column;gap:3px;display:flex;overflow:auto}.sidebar nav a{min-height:40px;color:var(--border);border-radius:var(--radius-control);font-weight:500;font-size:var(--font-sm);white-space:nowrap;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.sidebar nav a svg{flex-shrink:0;width:18px;height:18px}.sidebar nav a:hover{background:var(--sidebar-wash);color:var(--surface)}.sidebar nav a.selected{background:var(--surface);color:var(--green);box-shadow:0 2px 3px var(--shadow-color);font-weight:700}.sidebar nav em{font-size:var(--font-xs);background:var(--control);text-align:center;border-radius:4px;min-width:20px;margin-left:auto;padding:2px 5px;font-style:normal}.sidebar-bottom{margin-top:auto;padding-top:16px}.plan-note{font-size:var(--font-xs);align-items:center;gap:8px;margin:12px 8px 18px;display:flex}.plan-note small{color:var(--text-muted);font-size:var(--font-xs);margin-left:auto}.live-dot,.connection i{background:var(--success-border);border-radius:50%;width:6px;height:6px;display:inline-block}.user-button{border:0;border-top:1px solid var(--sidebar-wash);color:var(--surface);background:0 0;border-radius:0;justify-content:flex-start;gap:9px;width:100%;padding:17px 5px}.user-button:hover{background:var(--sidebar-wash)}.user-avatar{background:var(--text);width:32px;height:32px;font-size:var(--font-sm);border-radius:50%;place-items:center;display:grid}.user-button span{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.user-button strong{font-size:var(--font-xs)}.user-button small{font-size:var(--font-xs);color:var(--text-muted);text-overflow:ellipsis;max-width:140px;overflow:hidden}.user-button svg{color:var(--text-muted)}.is-collapsed{grid-template-columns:var(--sidebar-rail) minmax(0, 1fr)}.is-collapsed .sidebar{padding:0 11px}.is-collapsed .brand-crop,.is-collapsed .workspace,.is-collapsed .nav-caption,.is-collapsed .sidebar nav span,.is-collapsed .sidebar nav em,.is-collapsed .plan-note,.is-collapsed .user-button span,.is-collapsed .user-button .user-avatar{display:none}.is-collapsed .brand-row{justify-content:center}.is-collapsed .sidebar nav a{justify-content:center;padding:12px}.is-collapsed .user-button{justify-content:center}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;height:66px;padding:0 35px;display:flex}.breadcrumb{font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:12px;display:flex}.breadcrumb strong{color:var(--text);font-weight:500}.topbar-right{align-items:center;gap:17px;display:flex}.connection{font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:7px;display:flex}.connection i{background:var(--success)}.content{max-width:1600px;margin:auto;padding:30px 35px 0}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:22px;overflow:hidden}.section-head{justify-content:space-between;align-items:center;gap:15px;padding:21px 22px 17px;display:flex}.section-head p{font-size:var(--font-xs);margin:4px 0 0}.section-head h2{font-size:.9375rem}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:274px;padding:30px 20px 40px;display:flex}.empty-icon{background:var(--bg);width:58px;height:58px;color:var(--text-muted);border-radius:50%;place-items:center;margin-bottom:17px;display:grid}.empty h3{font-size:var(--font-sm)}.empty p{font-size:var(--font-xs);max-width:310px;margin:0 0 18px}.empty button{font-size:var(--font-xs)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-sm);white-space:nowrap}th{font-size:var(--font-xs);letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);background:var(--bg);border-top:1px solid var(--control);border-bottom:1px solid var(--control);padding:13px 22px;font-weight:600}td{border-bottom:1px solid var(--control);color:var(--text-muted);padding:17px 22px}tr:last-child td{border-bottom:0}td strong{color:var(--text);font-weight:550;font-size:var(--font-sm)}td small{font-size:var(--font-xs);margin-top:5px;display:block}td button{font-size:var(--font-xs)}td .text-button{font-size:var(--font-sm)}.badge{background:var(--bg);color:var(--text-muted);font-size:var(--font-xs);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;padding:5px 8px;font-weight:550;display:inline-flex}.badge.sent,.badge.blocked,.badge.trial{background:var(--warning-bg);color:var(--warning)}.badge.approved,.badge.delivered,.badge.active{background:var(--control);color:var(--success)}.badge.cancelled,.badge.suspended{background:var(--danger-bg);color:var(--danger)}.badge.working{background:var(--info-bg);color:var(--info)}.field{flex-direction:column;gap:7px;min-width:0;margin:0 0 18px;display:flex}.field>span{font-size:var(--font-sm);color:var(--text-muted);font-weight:550}input,select,textarea{border:1px solid var(--control);border-radius:var(--radius-control);background:var(--surface);width:100%;color:var(--text);min-height:40px;font-size:var(--font-sm);padding:10px 12px}input::placeholder{color:var(--border)}input:focus,select:focus,textarea:focus{outline:2px solid var(--text-muted);outline-offset:1px}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--green)}textarea{resize:vertical;min-height:75px}.check{color:var(--text-muted);font-size:var(--font-sm);align-items:center;gap:9px;margin:13px 0;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}fieldset{border:0;margin:0;padding:0}dialog{border:1px solid var(--control);border-radius:var(--radius-surface);width:min(760px,100vw - 32px);max-height:calc(100dvh - 40px);box-shadow:0 25px 80px var(--overlay);color:var(--text);padding:25px 28px;overflow:auto}dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{background:var(--surface);z-index:2;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 0;display:flex;position:sticky;top:-25px}.modal-head h2{font-size:1.1875rem}.modal-head button{margin-right:-8px}dialog p{font-size:var(--font-sm)}.error,.success,.notice{border-radius:var(--radius-control);font-size:var(--font-sm);padding:13px 16px;line-height:1.6}.error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.success{color:var(--success);background:var(--control);border:1px solid var(--border)}.notice{color:var(--warning);background:var(--warning-bg)}
