@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#242a67;background:#f5f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#242a67;color:#cdd0e2;padding:35px 22px;display:flex;flex-direction:column}.brand{color:white;text-decoration:none;font:800 23px Manrope,sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.logo{display:inline-grid;place-items:center;background:#ff821c;color:#242a67;border-radius:11px;width:38px;height:38px;font-size:29px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px}aside .eyebrow{margin:50px 12px 18px;color:#a4abc9}nav a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#cdd0e2;padding:14px 15px;border-radius:7px;margin:4px 0;font-weight:500}nav a.active{background:#363d7b;color:#ffffff}nav a b{font-size:18px;width:22px;font-weight:400}.aside-bottom{margin-top:auto;font-size:11px;line-height:1.7}.aside-bottom p{color:#a4abc9}.live{display:inline-block;background:#ff821c;border-radius:50%;width:6px;height:6px;margin-right:6px}main{margin-left:235px;padding:42px 45px;max-width:1750px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font:800 32px Manrope,sans-serif;letter-spacing:-1.2px;margin:12px 0 8px}header p{color:#7a8a85;margin:0}header .eyebrow{color:#7a8a85}button{font:600 13px 'DM Sans',sans-serif;border:1px solid #dbe3df;background:white;border-radius:7px;padding:11px 16px;color:#242a67;cursor:pointer}button:hover{filter:brightness(.96)}.primary{background:#242a67;color:white;border-color:#242a67}.notice{border:1px solid #f3d7be;background:#fff5eb;padding:13px 16px;border-radius:7px;font-size:12px;font-weight:700;margin-bottom:25px}.notice span{font-weight:400;color:#7b6556;margin-left:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stat{background:white;border:1px solid #e2e8e5;border-radius:9px;padding:21px 22px}.stat label{display:block;color:#73867d;font-size:12px}.stat strong{display:block;font:700 32px Manrope,sans-serif;margin:12px 0 6px}.stat small{color:#83928c;font-size:11px}.panel{background:white;border:1px solid #e1e7e3;border-radius:9px;overflow:hidden;min-height:390px}.toolbar{display:flex;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #e7ece8;gap:15px;align-items:center}.toolbar button{border:0;color:#73847d;background:none;padding:9px 12px}.toolbar button.selected{background:#fff0e2;color:#242a67}.toolbar input{width:230px;background:#f8faf8}input,select,textarea{border:1px solid #dce4de;border-radius:6px;padding:11px;font:inherit;color:inherit;width:100%;background:white}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#83928a;background:#fafbf9;padding:16px 22px;font-weight:600}td{padding:20px 22px;border-bottom:1px solid #edf0ed;font-size:12px}tbody tr[data-id]{cursor:pointer}tbody tr:hover{background:#fafcf9}.subject{font-weight:600;font-size:13px;display:block;margin-bottom:7px}.meta{color:#8b9891;font-size:11px}.badge{font-size:10px;padding:5px 8px;border-radius:5px;display:inline-block;white-space:nowrap;background:#eef2f0;color:#65786e}.badge.New{background:#e7eefc;color:#5578a5}.badge.Inprogress{background:#fff0e2;color:#a44e08}.badge.Waiting{background:#fff1dc;color:#ac8347}.badge.Completed{background:#ddf0e5;color:#3b8061}.priority{font-size:11px}.priority.High,.priority.Urgent{color:#b87765}.avatar{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e7eee8;color:#597568;margin-right:7px;font-size:10px}footer{display:flex;justify-content:space-between;color:#95a198;font-size:11px;padding-top:25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px}.card{border:1px solid #e3e9e2;border-radius:9px;padding:22px}.card h3{font:700 17px Manrope,sans-serif;margin:9px 0}.card p{color:#7d8c81;font-size:12px;line-height:1.7}.card button{margin-top:12px}progress{width:100%;height:7px;accent-color:#ff821c}.empty{text-align:center;padding:60px 20px;color:#839087}.integration{display:flex;gap:20px;padding:28px;border-bottom:1px solid #e4eae4}.integration .icon{width:52px;height:52px;background:#e6f1ed;display:grid;place-items:center;font-size:23px;border-radius:12px}.integration h3{margin:3px 0 8px}.integration p{color:#7a8c81;max-width:650px;font-size:13px;line-height:1.7}dialog{border:1px solid #d9e3db;border-radius:12px;padding:27px;width:560px;max-width:95vw;color:#242a67;max-height:90vh}dialog::backdrop{background:#102c2466;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-head h2{font:700 22px Manrope,sans-serif}.dialog-head button{border:0}#fields label{display:block;font-size:12px;margin:15px 0 6px}#fields textarea{min-height:90px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.note{font-size:12px;color:#738477;padding:12px;background:#f3f6f1;border-radius:5px;line-height:1.6}.danger{color:#af655d}#toast{position:fixed;bottom:25px;right:25px;background:#242a67;color:white;padding:14px 22px;border-radius:8px;display:none;box-shadow:0 5px 30px #0002}@media(max-width:1100px){aside{width:190px;padding:25px 12px}main{margin-left:190px;padding:30px 24px}.grid{grid-template-columns:repeat(2,1fr)}td,th{padding:16px 12px}.notice span{display:block;margin:5px 0 0}}@media(max-width:760px){aside{position:static;width:100%;padding:16px}.brand{font-size:19px}aside .eyebrow,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav a{padding:9px;white-space:nowrap}nav a b{display:none}main{margin:0;padding:22px 15px}header{gap:12px}h1{font-size:26px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:15px}.toolbar{flex-wrap:wrap;padding:12px}.toolbar input{width:100%}.panel{overflow-x:auto}table{min-width:760px}.grid{grid-template-columns:1fr}header p{font-size:12px}}

.brand{background:white;border-radius:8px;padding:8px;margin:0 -8px}.brand-image{width:100%;height:auto;display:block}nav a.active{box-shadow:inset 3px 0 #ff821c}progress{accent-color:#ff821c}.live{background:#ff821c}.stat strong{color:#242a67}.primary:hover{background:#353c7e}.toolbar button.selected{border-bottom:2px solid #ff821c}
.section-title{padding:16px 22px 0;font-size:15px}.module-note{margin:20px}.date-controls{display:flex;align-items:center;gap:12px;padding:20px;flex-wrap:wrap}.date-controls input{width:160px}.scroll-table{overflow-x:auto}button:disabled{opacity:.4;cursor:not-allowed}
aside{overflow-y:auto}nav a{padding-top:11px;padding-bottom:11px}.aside-bottom{padding-top:20px}@media(max-width:760px){aside{overflow:visible}}
.assignment-filter{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid #e7e9ef}.assignment-filter select{width:230px}.assignment-filter label{font-size:12px;color:#687387}.linked-ticket{display:block;text-align:left;width:100%;margin:9px 0;padding:13px}.linked-ticket strong,.linked-ticket span{display:block}.linked-ticket span{font-size:11px;color:#768094;margin-top:6px}.customer-history{border-top:1px solid #e1e4ed;margin-top:22px}#ticket-suggestions h3{font-size:14px}#ticket-suggestions{max-height:310px;overflow:auto}.linked-ticket:hover{border-color:#ff821c}
#open-ticket-bar{margin-bottom:20px}.ticket-tabs{display:flex;gap:7px;overflow-x:auto;margin:10px 0}.ticket-tab{display:inline-flex;border:1px solid #dddfea;border-radius:6px;white-space:nowrap;background:#fff}.ticket-tab button{border:0;background:none;padding:9px;font-size:11px}.ticket-tab.active{border-color:#ff821c;background:#fff4e8}.timer-panel{margin-top:25px;border-top:1px solid #dddfea;padding-top:10px}#ticket-clock{display:block;font-size:34px;font-variant-numeric:tabular-nums;padding:18px 0;color:#242a67}.timer-actions{display:flex;flex-wrap:wrap;gap:8px}#time-log-form label{display:block;margin:14px 0 6px}
.stock-pricing{font-size:11px;margin-top:9px;color:#596280}.stock-pricing small{display:block;font-size:10px;color:#8b93a3;margin-top:4px}
#part-request-form label{display:block;margin:14px 0 6px}.ticket-parts{border-top:1px solid #dddfea;margin-top:25px;padding-top:10px}aside nav a{padding-top:9px;padding-bottom:9px}
.stock-photo-cell{display:flex;gap:14px;align-items:center}.stock-thumbnail{width:64px;height:64px;object-fit:contain;border:1px solid #e3e5ed;border-radius:7px;background:white}.stock-photo-preview{display:block;max-width:180px;max-height:140px;object-fit:contain;margin:14px 0}.stock-photo-preview[hidden]{display:none}
#service-dialog{width:760px}.service-line{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:15px}.service-line label{font-size:11px}#service-plan-form>label{display:block;margin-bottom:8px}aside nav a{padding-top:7px;padding-bottom:7px}
#user-setup-dialog{width:760px}#user-setup-form>label{display:block;margin:14px 0 6px}#permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#permission-grid fieldset{border:1px solid #e0e3ed;border-radius:7px;padding:12px}#permission-grid legend{text-transform:capitalize;font-weight:600}.permission-option{display:flex;align-items:flex-start;gap:8px;font-size:12px;padding:7px 0}.permission-option input{width:auto;margin:2px 0}
.billing-queue-button{display:block;margin-top:10px;padding:7px 10px;font-size:11px}.billing-ready-date{display:block;margin-top:8px}
.reorder-status{display:block;font-size:10px;margin-top:7px}#reorder-form>label{display:block;margin:14px 0 6px}#stock-order-sheet{width:1100px;max-width:96vw}#stock-order-sheet table{min-width:0}#stock-order-sheet td,#stock-order-sheet th{padding:12px 8px}@media print{body.printing-stock-sheet> :not(#stock-order-sheet){display:none!important}body.printing-stock-sheet #stock-order-sheet{display:block!important;position:static!important;width:100%;max-width:none;max-height:none;border:0;padding:0;margin:0;overflow:visible}body.printing-stock-sheet #stock-order-sheet::backdrop{display:none}body.printing-stock-sheet .no-print{display:none!important}body.printing-stock-sheet table{font-size:10px}body.printing-stock-sheet tr{break-inside:avoid}body.printing-stock-sheet{background:white}}
.badge.New{background:#e4efff;color:#214f8c}.badge.Inprogress{background:#fff0df;color:#874200}.badge.Waiting{background:#f1e8fb;color:#693b8b}.badge.Completed{background:#e0f2e8;color:#246443}.badge.ReadyToBill,.ready-billing-colour{background:#e4e7f8;color:#303c88;border-color:#b6bfeb}.status-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:20px;border-top:1px solid #e4e7ee}.person-colour-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;border:1px solid #0002}input[type=color]{width:72px;height:44px;padding:4px;display:block;margin:8px 0}
.notification-entry{width:calc(100% - 40px);margin:10px 20px}
#quick-customer-form>label{display:block;margin:14px 0 6px}
.ticket-contact-fields{padding:14px;background:#f7f8fb;border:1px solid #e2e5ed;border-radius:7px;margin:14px 0}.ticket-contact-fields h3{margin-top:0;font-size:14px}
.add-ticket-user{margin-top:16px}.new-ticket-customer>label{display:block;margin:15px 0 6px}