:root{--navy:#07162f;--navy2:#0d2345;--green:#16a34a;--green2:#22c55e;--bg:#f4f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--red:#dc2626;--orange:#f97316;--blue:#2563eb;--shadow:0 18px 50px #0f172a14;--radius:22px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar-shell{background:var(--navy);flex:0 0 290px;width:290px;height:100vh;position:sticky;top:0}.sidebar{color:#dbeafe;flex-direction:column;height:100%;padding:24px 18px;display:flex;overflow-y:auto}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand.inline,.brand.centered{margin:0}.brand.centered{justify-content:center}.brand-mark{background:linear-gradient(135deg,var(--green),#0f766e);color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.brand strong{color:#fff;font-size:21px;display:block}.brand span{color:#93a4bd;margin-top:2px;font-size:13px;display:block}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar a{color:#cbd5e1;border-radius:14px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.sidebar a:hover{color:#fff;background:#ffffff14}.sidebar a.active{color:#fff;background:linear-gradient(135deg,#16a34a,#0f8f4d);box-shadow:0 12px 25px #16a34a47}.side-card{background:#ffffff12;border:1px solid #ffffff17;border-radius:18px;margin-top:auto;padding:18px}.side-card p{color:#93a4bd;margin:6px 0 0}.main{flex:1;min-width:0;padding:26px}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffd4;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:18px 22px;display:flex}.topbar h2{margin:0;font-size:25px}.topbar p{color:var(--muted);margin:4px 0 0}.topbar-right{align-items:center;gap:14px;display:flex}.top-search{border:1px solid var(--line);background:#f8fafc;border-radius:15px;align-items:center;gap:10px;min-width:330px;padding:0 12px;display:flex}.top-search input{background:0 0;border:0;outline:0;width:100%;padding:12px}.bell{border:1px solid var(--line);background:#fff;border-radius:15px;place-items:center;width:44px;height:44px;display:grid;position:relative}.bell span{color:#fff;background:#ef4444;border-radius:999px;padding:2px 6px;font-size:11px;position:absolute;top:-6px;right:-4px}.profile-badge{border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:10px;padding:8px 12px;display:flex}.profile-badge small{text-transform:capitalize;color:var(--muted);display:block}.avatar{color:#fff;background:linear-gradient(135deg,#047857,#10b981);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.mobile-menu{display:none}.page-section{flex-direction:column;gap:20px;display:flex}.page-header,.hero-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.hero-card{background:linear-gradient(135deg,#fff,#eefdf4)}.page-header h1,.hero-card h1{margin:0;font-size:28px}.page-header p,.hero-card p{color:var(--muted);max-width:780px;margin:7px 0 0;line-height:1.6}.eyebrow{text-transform:uppercase;color:var(--green);letter-spacing:.08em;font-size:12px;font-weight:900}.btn{color:#fff;background:linear-gradient(135deg,#15803d,#16a34a);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:900;display:inline-flex;box-shadow:0 12px 26px #16a34a38}.btn.ghost{color:#0f172a;box-shadow:none;background:#eef2f7}.btn.full{width:100%}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{color:#15803d;background:#dcfce7;border-radius:17px;flex:none;place-items:center;width:52px;height:52px;display:grid}.stat-icon.orange{color:var(--orange);background:#ffedd5}.stat-icon.red{color:var(--red);background:#fee2e2}.stat-card p{color:var(--muted);margin:0;font-size:13px}.stat-card h3{margin:6px 0 4px;font-size:25px}.stat-card small{color:var(--muted);font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:20px}.card h3{margin:0 0 16px}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grid-3{grid-template-columns:2fr 1fr;gap:18px;display:grid}.wide{min-width:0}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.search{border:1px solid var(--line);background:#f8fafc;border-radius:14px;align-items:center;gap:10px;min-width:280px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;padding:11px}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto}table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:850px}th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;padding:14px;font-size:12px}td{border-top:1px solid var(--line);vertical-align:middle;padding:14px}tr:hover td{background:#fbfdff}.status{white-space:nowrap;color:#0369a1;background:#e0f2fe;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.status.paid,.status.active,.status.approved,.status.ready,.status.resolved,.status.low{color:#15803d;background:#dcfce7}.status.pending-confirmation,.status.pending-approval,.status.under-review,.status.medium{color:#c2410c;background:#ffedd5}.status.rejected,.status.high,.status.notice-given{color:#b91c1c;background:#fee2e2}.status.in-progress{color:#1d4ed8;background:#dbeafe}.contact-links{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.contact-links a,.mini{border:1px solid var(--line);color:#0f172a;background:#f8fafc;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;font-weight:800;display:inline-flex}.mini.success{color:#15803d;background:#dcfce7}.mini.danger{color:#b91c1c;background:#fee2e2}.action-menu{flex-wrap:wrap;gap:7px;display:flex}.danger-text{color:var(--red);font-weight:900}.success-text{color:var(--green);font-weight:900}.muted{color:var(--muted)}.link{text-align:center;margin-top:14px;display:block}.empty{text-align:center;color:var(--muted);place-items:center;padding:45px;display:grid}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick{border:1px solid var(--line);color:#0f172a;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;font-weight:900;display:flex}.quick svg{color:var(--green)}.feed{flex-direction:column;gap:14px;display:flex}.feed-item{gap:12px;display:flex}.dot{background:var(--green);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 5px #dcfce7}.feed-item p{color:#334155;margin:4px 0}.feed-item small{color:var(--muted)}.report-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.report-card strong{font-size:25px}.modal-backdrop{z-index:50;background:#0206179e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(760px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 30px 80px #0000003d}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{margin:0}.icon-btn{background:#eef2f7;border:0;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field.full,.full{grid-column:1/-1}.field span{color:#334155;font-size:13px;font-weight:900}.field input,.field select,.field textarea{border:1px solid var(--line);background:#f8fafc;border-radius:14px;outline:0;padding:12px}.field textarea{min-height:110px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.delivery-preview{border:1px solid var(--line);background:#f8fafc;border-radius:18px;padding:14px}.delivery-preview h4{margin:0 0 12px}.preview-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.preview-row:first-of-type{border-top:0}.toast{color:#fff;box-shadow:var(--shadow);z-index:60;background:#052e16;border-radius:16px;padding:14px 18px;font-weight:800;position:fixed;bottom:24px;right:24px}.public-page{background:linear-gradient(135deg,#f8fafc,#effdf5);min-height:100vh;padding:26px}.public-nav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;display:flex}.public-hero{grid-template-columns:1.5fr .8fr;align-items:center;gap:26px;max-width:1180px;margin:70px auto 34px;display:grid}.public-hero h1{margin:10px 0;font-size:54px;line-height:1.02}.public-hero p{color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{gap:12px;margin-top:24px;display:flex}.preview-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:28px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto;display:grid}.feature{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:22px}.feature svg{color:var(--green)}.login-page{background:linear-gradient(135deg,var(--navy),#0f5132);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:28px;width:min(460px,100%);padding:30px;box-shadow:0 30px 80px #00000052}.login-card h1{text-align:center;margin:22px 0 6px}.login-card p{text-align:center;color:var(--muted)}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.public-hero{grid-template-columns:1fr}.top-search{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sidebar-shell{z-index:40;transition:all .25s;position:fixed;left:-310px}.sidebar-shell.open{left:0}.main{padding:14px}.mobile-menu{background:#eef2f7;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.topbar{align-items:flex-start}.topbar-right{margin-left:auto}.profile-badge div:not(.avatar){display:none}.stat-grid,.feature-grid,.form-grid{grid-template-columns:1fr}.page-header,.hero-card,.toolbar,.preview-row{flex-direction:column;align-items:flex-start}.search{width:100%;min-width:100%}.public-hero h1{font-size:38px}.quick-grid{grid-template-columns:1fr}.sidebar-shell.open:after{content:"";background:#0003;position:fixed;inset:0 0 0 290px}}