:root{--ink:#14213d;--blue:#1967d2;--light:#f5f7fb;--line:#e7ebf2;--text:#1d2635;--muted:#697386;--green:#15805d;--amber:#b96a00;--red:#c73939}*{box-sizing:border-box}body{margin:0;background:var(--light);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text)}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#10243f;color:#dbe6f4;display:flex;flex-direction:column;padding:22px 13px}.logo{padding:0 10px 28px;color:#fff;text-decoration:none;font-weight:750;letter-spacing:.1px;font-size:18px}.logo span{display:inline-grid;place-items:center;width:31px;height:31px;background:#f7a928;color:#172b4d;border-radius:7px;font-size:12px;margin-right:7px}.logo small{display:block;margin:6px 0 0 39px;color:#9cb0c8;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;color:#b9c8da;text-decoration:none;font-weight:600}nav a:hover,nav a.active{background:#244667;color:#fff}nav b{margin-left:auto;background:#f7a928;color:#14213d;border-radius:99px;min-width:19px;text-align:center;font-size:11px;padding:1px 5px}.sidebar-bottom{margin-top:auto;padding:16px 10px 0;color:#9cb0c8;font-size:12px;border-top:1px solid #284563}.sidebar-bottom button{border:0;background:none;color:#b9c8da;padding:0;cursor:pointer}.sidebar-bottom p{margin:14px 0 0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.search{display:flex;align-items:center;gap:8px;color:#8491a5;background:#f5f7fa;border:1px solid #edf0f4;border-radius:7px;padding:8px 12px;width:min(390px,45vw)}.search input{border:0;background:transparent;outline:0;width:100%}.top-actions{display:flex;gap:13px;align-items:center}.top-actions button,#quick-add{border:0;border-radius:6px;padding:9px 14px;background:var(--blue);color:#fff;font-weight:650;cursor:pointer}.avatar{background:#ecf2ff!important;color:#1967d2!important;border-radius:50%!important;width:36px;height:36px;padding:0!important}.page{padding:30px;max-width:1450px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.page h1{font-size:25px;line-height:1;margin:0 0 8px}.page-head p,.muted{color:var(--muted);margin:0}.filterbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.filterbar input,.filterbar select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px;outline:0}.filterbar input{min-width:230px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat,.panel,.table-wrap{background:#fff;border:1px solid var(--line);border-radius:9px}.stat{padding:18px}.stat small{color:var(--muted);font-weight:600}.stat strong{display:block;font-size:26px;margin:9px 0 4px}.stat em{font-style:normal;font-size:12px;color:var(--green)}.stat.warn em{color:var(--amber)}.dash-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-top:18px}.panel{padding:20px}.panel h2{font-size:16px;margin:0 0 16px}.bar-row{display:grid;grid-template-columns:110px 1fr 60px;gap:12px;align-items:center;margin:12px 0}.bar{height:8px;background:#edf1f6;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);border-radius:9px}.task{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.task:last-child{border:0}.task-icon{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#fff1db;color:var(--amber);font-weight:bold}.task b{display:block}.task small{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:#fbfcfe}tr:last-child td{border:0}.customer{display:flex;align-items:center;gap:9px;font-weight:650}.initial{display:grid;place-items:center;background:#eaf2ff;color:#2264bc;width:29px;height:29px;border-radius:50%;font-size:11px}.status{padding:4px 8px;border-radius:99px;font-size:11px;font-weight:700}.new{color:#1967d2;background:#eaf2ff}.progress{color:#9a5e00;background:#fff2da}.converted,.paid{color:#087251;background:#dff6ed}.ontrip{color:#6c48b7;background:#eee6ff}.overdue{color:#ad2727;background:#ffe8e8}.action{border:1px solid var(--line);background:#fff;padding:6px 9px;border-radius:5px;cursor:pointer;color:#36506e}.empty{text-align:center;padding:50px;color:var(--muted)}.booking-item{display:grid;grid-template-columns:1.1fr 1.3fr .8fr .7fr .7fr;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.booking-item:last-child{border:0}.booking-item strong,.booking-item small{display:block}.booking-item small{color:var(--muted)}.money{font-weight:750}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.big-number{font-size:35px;font-weight:750}.modal{position:fixed;z-index:50;inset:0;background:#10182880;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:10px;width:min(570px,100%);box-shadow:0 15px 50px #0004}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 21px}.modal-head h2{margin:0;font-size:18px}.close{border:0;background:none;font-size:22px;cursor:pointer}.lead-form{padding:21px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{font-weight:650;font-size:12px}.lead-form input,.lead-form select,.lead-form textarea{display:block;margin-top:6px;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;outline-color:var(--blue)}.lead-form textarea{min-height:76px;resize:vertical}.lead-form .full{grid-column:1/-1}.lead-form button{grid-column:1/-1;justify-self:end;border:0;background:var(--blue);color:#fff;padding:10px 16px;border-radius:6px;font-weight:700;cursor:pointer}#toast{position:fixed;z-index:80;bottom:22px;right:22px;background:#14213d;color:#fff;padding:12px 16px;border-radius:7px;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:none}#mobile-menu{display:none;border:0;background:none;font-size:22px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex;position:fixed;z-index:45;inset:0 30% 0 0}.topbar{padding:0 18px}.page{padding:22px 16px}.cards{grid-template-columns:repeat(2,1fr)}.dash-grid,.report-grid{grid-template-columns:1fr}.booking-item{grid-template-columns:1fr 1fr}.booking-item>*:nth-child(n+3){display:none}#mobile-menu{display:block}.search{width:45vw}.lead-form{grid-template-columns:1fr}}@media(max-width:500px){.cards{grid-template-columns:1fr}.page-head{display:block}.page-head button{margin-top:15px}.search{display:none}.filterbar{flex-wrap:wrap}.table-wrap{overflow:auto}}