:root{--text: #263d45;--background: #f4f6f7;--primary: #356854;--border: #e4e9eb;--focus: #498b70;--tone-6: #849299;--tone-7: #7a898e;--tone-8: #dbe3e6;--tone-9: #37535c;--tone-10: #edf4f4;--tone-11: #35685414;--primary-dark: #284e3f;--tone-13: #a33c3c;--tone-14: #a34b4b;--tone-15: #8a6a28;--tone-16: #faf0d9;--tone-17: #efdfb8;--tone-18: #e4f2ed;--tone-19: #256648;--tone-20: #bfdccd;--tone-21: #fff0ed;--tone-22: #eec9c2;--tone-23: #9e3c30;--tone-24: #9aa5aa;--tone-25: #7a8a90;--primary-soft: #edf4ef;--tone-27: #edf2f2;--tone-28: #92a0a6;--tone-29: #ffffffa8;--tone-30: #8d9a9f;--tone-31: #98a3a8;--tone-32: #dde8e9;--tone-33: #6a8e94;--tone-34: #789098;--tone-35: #d9e7e8;--surface: #fff;--tone-37: #234e5810;--tone-38: #9fbcc2;--tone-39: #e7eeee;--tone-40: #74868d;--tone-41: #edf1f2;--tone-42: #7b8d94;--tone-43: #f8fafb;--tone-44: #edf0f2;--tone-45: #8a999f;--tone-46: #f0f3f4;--tone-47: #8ba2a8;--tone-48: #3b535b;--tone-49: #8a799c;--tone-50: #f1edf6;--tone-51: #a68440;--tone-52: #fbf3df;--tone-53: #458393;--tone-54: #e9f2f6;--tone-55: #468372;--tone-56: #e8f3ed;--tone-57: #6d7b80;--tone-58: #eef1f2;--tone-59: #a76565;--tone-60: #f8ecec;--tone-61: #8a999e;--tone-62: #6c8188;--tone-63: #304c55;--tone-64: #dce4e7;--tone-65: #a1afb4;--tone-66: #6a7e85;--tone-67: #7c8c92;--tone-68: #173b4680;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;--petrol: var(--primary)}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}a{color:var(--petrol);text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,2.6vw,35px);letter-spacing:-1.1px;line-height:1.2;margin-bottom:12px;font-weight:650}h2{font-size:18px;font-weight:650;margin-bottom:5px}small{display:block;color:var(--tone-6);font-size:12px}.muted{color:var(--tone-7);margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--tone-8);background:var(--surface);border-radius:7px;color:var(--tone-9);padding:10px 17px;font-weight:600;white-space:nowrap}.button:hover{background:var(--tone-10)}.button--primary{background:var(--petrol);color:var(--surface);border-color:var(--petrol);box-shadow:0 3px 6px var(--tone-11)}.button--primary:hover{background:var(--primary-dark)}.button--quiet{padding:6px 11px;font-size:12px;background:transparent}.button--danger{color:var(--tone-13);margin-left:auto}.button--remove{border:none;padding:7px;color:var(--tone-14);font-size:22px}.badge{color:var(--tone-15);background:var(--tone-16);border:1px solid var(--tone-17);border-radius:5px;padding:3px 9px;font-size:11px;font-weight:650;letter-spacing:.2px}.notice{margin:20px 42px 0;padding:12px 18px;background:var(--tone-18);color:var(--tone-19);border:1px solid var(--tone-20);border-radius:6px}.notice--error{background:var(--tone-21);border-color:var(--tone-22);color:var(--tone-23)}.notice{position:relative;padding-right:48px}.notice__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:inherit;font-size:22px;line-height:1;padding:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:22px 20px;z-index:10}.brand{font-size:37px;font-weight:850;letter-spacing:-2px;padding-left:13px;line-height:1.2}.brand__logo{display:block;width:158px;max-width:100%;height:auto;object-fit:contain}.sidebar__caption{padding-left:14px;letter-spacing:1.55px;color:var(--tone-24);font-size:8px;font-weight:650;margin-top:10px;margin-bottom:24px}.navigation{display:grid;gap:8px}.navigation__link{color:var(--tone-25);display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:6px;font-size:13px}.navigation__link span{font-size:20px;line-height:1;width:22px}.navigation__link:hover,.navigation__link--active{background:var(--primary-soft);color:var(--petrol)}.navigation__link--active{font-weight:650}.sidebar__footer{margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600}.sidebar__avatar{background:var(--tone-27);border-radius:8px;padding:8px 13px;color:var(--petrol)}.sidebar__footer small{font-weight:400;font-size:10px}.workspace{margin-left:226px}.topbar{min-height:73px;padding:15px 42px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--tone-28);font-size:12px;background:var(--tone-29);gap:12px}.topbar__actions{display:flex;gap:12px;align-items:center}.main{padding:24px 30px;max-width:1550px;margin:auto;min-height:calc(100vh - 150px)}.page-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{font-size:10px;font-weight:700;color:var(--tone-30);letter-spacing:1.8px;margin-bottom:10px}.footer{padding:12px 42px 26px;display:flex;justify-content:space-between;color:var(--tone-31);font-size:10px;gap:12px}.welcome{background:var(--primary-soft);border:1px solid var(--tone-32);border-radius:10px;padding:27px 32px;display:flex;justify-content:space-between;overflow:hidden;margin-bottom:24px}.welcome__label{color:var(--tone-33);font-size:9px;letter-spacing:1.8px;font-weight:700}.welcome h2{color:var(--primary-dark);font-size:29px;line-height:1.25;letter-spacing:-.6px;margin:12px 0}.welcome p{color:var(--tone-34);font-size:12px;margin-bottom:16px}.welcome a{font-size:12px;font-weight:650}.welcome a span{margin-left:16px}.welcome__art{width:240px;position:relative;min-height:190px}.welcome__circle{width:185px;height:185px;background:var(--tone-35);border-radius:50%;position:absolute;right:5px;top:12px}.paper{position:absolute;width:115px;height:155px;background:var(--surface);border-radius:5px;transform:rotate(9deg);right:45px;top:23px;z-index:2;box-shadow:0 12px 24px var(--tone-37);padding:15px}.paper--back{background:var(--tone-38);transform:rotate(-12deg);right:77px;top:24px;z-index:1}.paper__brand{font-size:24px;font-weight:800;color:var(--petrol)}.paper i{display:block;height:4px;background:var(--tone-39);margin-top:11px}.paper i:nth-of-type(2){width:70%}.paper b{position:absolute;bottom:-5px;right:-20px;border:5px solid var(--primary-soft);background:var(--petrol);color:var(--surface);border-radius:50%;padding:4px 12px;font-size:23px;transform:rotate(-9deg)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-bottom:23px}.stat{border:1px solid var(--border);border-radius:8px;padding:20px 24px;background:var(--surface)}.stat>span{color:var(--tone-40);font-size:12px}.stat strong{display:block;color:var(--primary-dark);font-size:30px;font-weight:650;line-height:1.7;letter-spacing:-.8px}.stat small{font-size:10px}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.quick-links a{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:14px;display:flex;gap:10px;align-items:center;font-size:14px}.quick-links a span{flex:1;font-size:11px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;margin-bottom:22px}.card__header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 25px}.card__header p{font-size:11px}.card__header a{font-size:11px;font-weight:600}.hint{background:var(--tone-41);color:var(--tone-42);padding:14px 18px;border-radius:6px;font-size:11px}.hint a{margin-left:8px;font-weight:600}.table-wrap{overflow-x:auto;position:relative}.table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table th{background:var(--tone-43);border-block:1px solid var(--tone-44);color:var(--tone-45);font-size:10px;font-weight:500;padding:12px 18px;white-space:nowrap}.table td{padding:18px;border-bottom:1px solid var(--tone-46)}.table tr:last-child td{border-bottom:0}.table__number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.table__arrow{color:var(--tone-47);font-size:17px}.job-link{font-weight:650;color:var(--tone-48)}.table small{font-size:10px;margin-top:3px}.status{border-radius:4px;padding:4px 8px;font-size:10px;white-space:nowrap;text-transform:capitalize;display:inline-block}.status--0{color:var(--tone-49);background:var(--tone-50)}.status--1{color:var(--tone-51);background:var(--tone-52)}.status--2{color:var(--tone-53);background:var(--tone-54)}.status--3{color:var(--tone-55);background:var(--tone-56)}.status--4{color:var(--tone-57);background:var(--tone-58)}.status--5{color:var(--tone-59);background:var(--tone-60)}.empty{text-align:center;padding:50px 20px;color:var(--tone-61)}.empty>span{font-size:34px}.empty h3{margin:10px 0 4px}.filters{display:flex;align-items:flex-end;padding:23px;gap:18px}.filters label{font-size:12px;color:var(--tone-62)}.search{flex:1}input,select,textarea{display:block;width:100%;color:var(--tone-63);border:1px solid var(--tone-64);background:var(--surface);padding:10px 12px;border-radius:5px;margin-top:6px;min-height:42px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--tone-65)}.field{display:block;color:var(--tone-66);font-size:12px;margin-bottom:14px}.form-card{padding:20px}.form-card h2{margin-bottom:23px}.form-card .card__header{padding:0 0 17px}.form-card .card__header h2{margin-bottom:5px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:25px}.checkbox{display:flex;align-items:center;gap:8px;color:var(--tone-67);font-size:12px}.checkbox input{width:16px;min-height:16px;margin:0;accent-color:var(--petrol)}.table--editable{min-width:680px}.table--editable input{min-width:75px;font-size:12px}.table--editable td{padding:8px 5px}.table--editable th{padding:9px 6px}.table--editable td:has([data-key=description]){width:40%}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.summary__row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:12px}.summary__row:nth-child(3){border-block:1px solid var(--border);color:var(--petrol);font-size:17px;margin:5px 0}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.customer-card{display:block;padding:20px}.customer-card h2{font-size:16px;margin-top:17px}.customer-card p{color:var(--tone-61);font-size:12px;margin-bottom:5px;overflow-wrap:anywhere}.customer-card>span:last-child{display:block;font-size:11px;margin-top:20px}.customer-card__avatar{background:var(--primary-soft);border-radius:8px;padding:10px 16px;font-size:20px;display:inline-block}.login{max-width:500px}.payment-settings{margin-block:20px;padding-top:20px;border-top:1px solid var(--border)}.payment-settings>.muted{margin-bottom:16px}.draft-dialog{width:min(1000px,95vw);height:90vh;border:1px solid var(--border);border-radius:10px;padding:22px}.draft-dialog::backdrop{background:var(--tone-68)}.draft-dialog iframe{width:100%;height:calc(100% - 150px);display:block;margin-top:15px;border:0}@media(min-width:1600px){.main{padding-top:45px}}@media(max-width:1100px){.sidebar{width:195px;padding-inline:12px}.workspace{margin-left:195px}.main{padding:28px 24px}.topbar{padding-inline:24px}.topbar>span{display:none}.topbar__actions{margin-left:auto}.quick-links,.customer-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.search{min-width:240px}.stat{padding:17px}.stat strong{font-size:25px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:12px 17px;border-bottom:1px solid var(--border)}.brand{padding-left:0}.brand__logo{width:112px}.sidebar__caption,.sidebar__footer{display:none}.navigation{display:flex;margin-top:12px;gap:5px;overflow-x:auto}.navigation__link{font-size:11px;padding:9px 10px;white-space:nowrap;gap:5px}.navigation__link span{font-size:15px;width:auto}.workspace{margin-left:0}.topbar{min-height:56px;padding:10px 17px}.topbar__actions{width:100%;justify-content:space-between;gap:5px}.badge{font-size:9px;padding-inline:6px}.button--quiet{font-size:10px}.main{padding:25px 17px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:17px}.page-heading .muted{font-size:12px}.welcome{padding:23px}.welcome h2{font-size:25px}.welcome__art{display:none}.stats{gap:9px}.stat{padding:13px 10px}.stat>span{font-size:10px}.stat strong{font-size:19px}.stat small{font-size:9px}.quick-links{gap:9px}.quick-links a{padding:12px}.card__header{padding:20px 17px}.table{min-width:650px}.form-card{padding:20px 17px}.form-grid,.detail-grid,.customer-grid{grid-template-columns:1fr}.detail-grid{gap:0}.form-actions .button{flex:1}.button--danger{margin-left:0}.footer{flex-direction:column;padding:15px 17px}.notice{margin:15px 17px 0}.filters{padding:17px}.hint a{display:block;margin:5px 0 0}}
