@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',Arial,sans-serif;color:#17243b;background:#f5f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:#315cda;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:27px;letter-spacing:-.04em}h2{font-size:18px;letter-spacing:-.025em}h3{font-size:15px}.muted{color:#78849a}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#11213a;color:#e8eefc;display:flex;flex-direction:column;flex:none;min-height:100vh;position:sticky;top:0;height:100vh}.identity{height:91px;display:flex;align-items:center;gap:11px;padding:0 26px;color:#fff;border-bottom:1px solid #ffffff12}.identity strong{display:block;font:800 17px Manrope;letter-spacing:.08em}.identity small{display:block;color:#8ba1c3;font:700 9px Manrope;letter-spacing:.2em;margin-top:3px}.brand-mark{height:35px;width:35px;border-radius:10px;background:#5773f5;color:#fff;display:grid;place-items:center;font:800 20px Manrope;box-shadow:0 6px 16px #142e8e33}.sidebar-caption{font-size:10px;font-weight:700;letter-spacing:.15em;color:#7f94b5;padding:29px 26px 12px}.sidebar nav{padding:0 12px;display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;color:#aab9d0;padding:12px 14px;border-radius:10px;font-weight:600}.nav-link:hover,.nav-link.active{color:#fff;background:#263b5b}.nav-link.active{box-shadow:inset 3px 0 #7189ff}.nav-icon{font-size:18px;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff15;padding:18px;display:flex;gap:10px;align-items:center}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{font-size:11px;color:#8fa2bd;margin-top:3px}.avatar,.top-avatar{background:#4868aa;color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:700;flex:none}.logout{margin-left:auto;color:#93a8c7;font-size:20px}.main{flex:1;min-width:0}.topbar{height:91px;background:#fff;border-bottom:1px solid #e9edf4;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.topbar h1{margin:5px 0 0}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#8291aa}.topbar-right{display:flex;align-items:center;gap:19px;color:#8691a4;font-size:12px}.top-avatar{background:#edf0ff;color:#4f67cc}.content{padding:30px 38px 70px;max-width:1500px;margin:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dce3ef;border-radius:8px;background:#fff;color:#30405c;padding:10px 16px;font-weight:700;min-height:39px;white-space:nowrap}.button:hover{filter:brightness(.96)}.button.primary{background:#4869ed;border-color:#4869ed;color:#fff;box-shadow:0 5px 12px #4869ed24}.button.secondary{background:#fff}.button.light{background:#fff;color:#3453c7;border-color:#fff}.welcome{background:linear-gradient(115deg,#3154d0,#6a80f3);border-radius:15px;color:#fff;padding:29px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 12px 22px #425ad625}.welcome .eyebrow{color:#d6ddff}.welcome h2{font-size:23px;margin:8px 0}.welcome p{margin:0;color:#e2e7ff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:22px 0}.stat{background:#fff;border:1px solid #e8edf5;border-radius:13px;padding:22px;color:#192b4d;box-shadow:0 3px 10px #20375a06}.stat span,.stat small,.stat strong{display:block}.stat span{font-weight:700;color:#586781}.stat strong{font:800 32px Manrope;margin:13px 0 10px}.stat small{color:#647ad0}.two-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #e5ebf3;border-radius:13px;margin-bottom:19px;box-shadow:0 3px 12px #21325a05;overflow:hidden}.panel-head{padding:21px 23px;border-bottom:1px solid #edf0f6;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2{margin:0}.panel-head .eyebrow{display:block;margin-bottom:7px}.panel-head a{font-weight:700;font-size:12px}.count{background:#eef2ff;color:#5570dd;border-radius:99px;padding:3px 8px;font:700 11px 'DM Sans';vertical-align:2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 21px}.section-head p{margin:0;color:#78859a}.empty{padding:26px;color:#8792a6}.schedule-list,.simple-list{padding:2px 22px}.schedule-item,.simple-list>a,.simple-list>div{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #eef1f6;color:#1f2c44}.schedule-item:last-child,.simple-list>a:last-child,.simple-list>div:last-child{border:0}.schedule-item>span:nth-child(2),.simple-list>a>span:first-child,.simple-list>div>span:first-child{flex:1}.schedule-item strong,.schedule-item small,.simple-list strong,.simple-list small{display:block}.schedule-item small,.simple-list small{color:#8792a6;margin-top:5px}.date-box{width:45px;height:48px;background:#eef2ff;border-radius:8px;display:grid;place-content:center;text-align:center;color:#4866d3}.date-box b{font:800 16px Manrope}.date-box small{font-size:9px!important;margin:0!important;color:#6278d8!important}.pill{display:inline-block;background:#edf1fa;color:#54678a;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.pill.ok{background:#e6f8ef;color:#209b60}.pill.warning{background:#fff2e1;color:#d1841a}.negative{color:#d34a5b}.positive{color:#229e69}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:640px}th{text-align:left;font-size:10px;letter-spacing:.12em;color:#8b98ab;background:#fbfcfe;padding:14px 22px}td{border-top:1px solid #edf0f4;padding:15px 22px;color:#657186}tr:hover td{background:#fcfdff}.row-link{color:#243b68;font-weight:700}.search{border:1px solid #e0e6f0;border-radius:8px;padding:9px 12px;width:240px;outline:0}.search:focus,input:focus,textarea:focus,select:focus{border-color:#728cf6;box-shadow:0 0 0 3px #6d85f626}.form-panel{padding-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;padding:22px}.form-grid label,form-panel label{display:grid;gap:7px;color:#45536b;font-weight:700;font-size:12px}.form-grid input,.form-grid select,.form-grid textarea,.form-panel form:not(.form-grid) input{width:100%;border:1px solid #dce4ef;border-radius:8px;padding:10px 12px;background:#fff;color:#17243b;outline:0;font-weight:500}.form-grid textarea{resize:vertical}.form-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end}.form-panel>hr{border:0;border-top:1px solid #edf0f4;margin:10px 22px 25px}.form-panel>h3,.form-panel>p{margin-left:22px;margin-right:22px}.form-panel .checkbox{display:flex;align-items:center;gap:8px}.form-panel .checkbox input{width:auto}.form-panel form:not(.form-grid){padding:0 22px 20px}.form-panel form:not(.form-grid)>label{margin:15px 0}.form-panel>.form-actions{padding:0 22px}.signed-box{display:grid;gap:7px;margin:18px 22px;padding:17px;border-radius:10px;background:#f0faf4;color:#2b8155}.signature-image{max-width:300px;max-height:110px;object-fit:contain;background:#fff;border:1px solid #e5e8ed}.canvas-wrap{border:1px dashed #abb8ca;border-radius:9px;overflow:hidden;max-width:650px;touch-action:none}.canvas-wrap canvas{display:block;width:100%;height:180px;background:#fff;touch-action:none}.calendar-panel{padding:22px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-head h2{margin:0;text-transform:capitalize}.calendar-head>div{display:flex;gap:6px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e8edf5;border-left:1px solid #e8edf5}.weekday{text-align:center;padding:13px;font-size:11px;font-weight:800;color:#8d9bb1;background:#f8faff;border-right:1px solid #e8edf5;border-bottom:1px solid #e8edf5}.calendar-day{min-height:120px;padding:9px;border-right:1px solid #e8edf5;border-bottom:1px solid #e8edf5;min-width:0}.calendar-day.outside{background:#fafbfd}.calendar-day.today{background:#f6f8ff}.day-number{font-weight:800;font-size:12px}.today .day-number{background:#4d6ceb;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.cal-entry{display:block;background:#edf1ff;color:#405ccb;border-left:3px solid #637aee;border-radius:4px;padding:5px;margin-top:6px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-entry.event{background:#e9f8f2;color:#21875c;border-color:#3dbb84}.role-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px}.role-guide strong,.role-guide small{display:block}.role-guide small{color:#8994a7;margin-top:6px;line-height:1.4}.alert{padding:13px 17px;margin-bottom:20px;border-radius:8px;background:#e9f8ef;color:#1c8652}.alert.error{background:#fff0f0;color:#b94343}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#dfe7ff,#f5f7fc 50%)}.auth-card{background:#fff;border:1px solid #e6ebf5;border-radius:17px;padding:38px;width:min(440px,calc(100vw - 30px));box-shadow:0 20px 60px #26355a1c}.auth-card .brand-mark{width:48px;height:48px;font-size:27px;margin-bottom:25px}.auth-card h1{margin-bottom:8px}.auth-card p{margin-bottom:27px}.auth-card form{display:grid;gap:17px}.auth-card label{display:grid;gap:8px;color:#45536b;font-weight:700}.auth-card input{width:100%;border:1px solid #dce4ef;border-radius:8px;padding:12px}.auth-card button{margin-top:8px;justify-content:space-between}.print-body{background:#f1f3f8;padding:20px}.print-actions{max-width:850px;margin:0 auto 20px;display:flex;justify-content:space-between}.bon{background:#fff;width:min(850px,100%);min-height:1100px;margin:auto;padding:52px;box-shadow:0 8px 30px #17243b15}.bon-head{display:flex;justify-content:space-between;border-bottom:3px solid #2e4daa;padding-bottom:25px}.bon-head h1{margin:18px 0 6px}.bon-head p{color:#7d8799}.bon-head>strong{font:800 18px Manrope;color:#2f4eb8}.bon section{padding:20px 0;border-bottom:1px solid #e8ecf3}.bon section small{font-weight:800;letter-spacing:.1em;color:#6a7fbb}.bon section h2{margin:11px 0 6px}.bon section p{margin:8px 0;line-height:1.6}.bon-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.bon .work-section{min-height:220px}.bon .signatures{margin-top:35px}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.two-cols{grid-template-columns:1fr}.role-guide{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%;height:auto;min-height:0;position:static}.identity{height:62px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;padding:7px}.nav-link{white-space:nowrap;padding:8px;font-size:12px}.nav-icon{display:none}.topbar{height:74px;padding:0 18px}.topbar h1{font-size:21px}.topbar-right>span:first-child{display:none}.content{padding:18px}.section-head,.welcome{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.calendar-day{min-height:90px;padding:5px}.cal-entry{font-size:0;padding:4px}.cal-entry b{font-size:10px}.weekday{padding:8px 3px}.calendar-panel{padding:10px}.role-guide{grid-template-columns:1fr 1fr}.bon{padding:25px;min-height:0}.bon-grid{gap:12px}}
@media(max-width:480px){.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:15px}.stat strong{font-size:25px}.panel-head{flex-wrap:wrap}.search{width:100%}.role-guide{grid-template-columns:1fr}.bon-grid{grid-template-columns:1fr}.bon-head{display:block}}
@media print{.print-body{background:#fff;padding:0}.print-actions{display:none}.bon{box-shadow:none;width:100%;padding:25px;min-height:0}@page{size:A4;margin:12mm}}
.company-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid #e6ebf4;border-radius:11px;padding:12px 18px;margin-bottom:22px}.company-bar>div .eyebrow,.company-bar>div strong{display:block}.company-bar>div strong{font:800 15px Manrope;margin-top:4px}.company-bar form{display:flex;align-items:center;gap:10px}.company-bar label{color:#7b889c;font-size:12px;font-weight:700}.company-bar select{border:1px solid #dce4ef;border-radius:8px;padding:8px 12px;background:#f9fbff;color:#243c69;min-width:190px}.agenda-scope{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.agenda-scope a{padding:10px 15px;background:#fff;border:1px solid #dfe6f2;color:#60718d;border-radius:8px;font-weight:700}.agenda-scope a.selected{background:#4869ed;border-color:#4869ed;color:#fff}.client-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 23px}.client-info span{display:block;color:#51617a;line-height:1.5}.client-info b{display:block;color:#8c99ae;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.company-choices{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#f8faff;border:1px solid #e6ebf5;border-radius:9px;padding:13px}.company-choices strong{width:100%;font-size:12px}.company-choices .checkbox{display:flex;align-items:center;gap:7px}.company-choices .checkbox input{width:auto}@media(max-width:900px){.client-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.company-bar{align-items:flex-start;flex-direction:column}.company-bar form{width:100%;justify-content:space-between}.company-bar select{min-width:0;max-width:65%}.client-info{grid-template-columns:1fr 1fr}}
.client-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.client-actions>a:not(.button){font-size:12px;font-weight:700}@media(max-width:580px){.client-actions{width:100%}.client-detail .panel-head{align-items:flex-start}}
.pill.urgency-low{background:#edf1f6;color:#67778d}.pill.urgency-normal{background:#e8efff;color:#4665c4}.pill.urgency-high{background:#fff0d9;color:#ae6a08}.pill.urgency-critical{background:#ffe5e5;color:#bd3039}.cal-entry.urgency-high{background:#fff0d9;color:#9e620c;border-color:#e9a638}.cal-entry.urgency-critical{background:#ffe5e5;color:#b72c37;border-color:#e7525a}
.agenda-buttons{display:flex;gap:9px;flex-wrap:wrap}.backup-content{padding:22px}.backup-content>p{color:#68758b;line-height:1.55;max-width:760px}.backup-form{display:flex;align-items:end;gap:12px;margin-top:22px;max-width:800px}.backup-form label{display:grid;gap:7px;flex:1;color:#45536b;font-weight:700;font-size:12px}.backup-form input{width:100%;border:1px solid #dce4ef;border-radius:8px;padding:10px 12px;background:#fff;color:#17243b;outline:0}.backup-form .button{margin-bottom:0}.backup-run{padding-top:22px;border-top:1px solid #edf0f4}.backup-list{padding:0}.backup-content h3{margin-top:22px}@media(max-width:680px){.backup-form{align-items:stretch;flex-direction:column}.backup-form label,.backup-form .button{width:100%}}
.archive-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.archive-tabs a{padding:10px 15px;background:#fff;border:1px solid #dfe6f2;color:#60718d;border-radius:8px;font-weight:700}.archive-tabs a.selected{background:#4869ed;border-color:#4869ed;color:#fff}.record-control-actions{display:flex;gap:10px;flex-wrap:wrap;padding:20px 23px}.record-control-actions form{margin:0}.button.danger{background:#fff4f4;border-color:#f1c6c9;color:#b7333d}.pill.client-status-active{background:#e6f8ef;color:#209b60}.pill.client-status-prospect{background:#e8efff;color:#4665c4}.pill.client-status-suspended{background:#fff0d9;color:#ae6a08}.pill.client-status-former{background:#edf1f6;color:#66768e}
.record-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 19px;padding:15px 20px;background:#fff;border:1px solid #e4eaf3;border-radius:12px;box-shadow:0 3px 12px #21325a05}.record-toolbar-title{display:flex;align-items:center;gap:11px;min-width:0;flex-wrap:wrap}.record-toolbar-title .eyebrow{white-space:nowrap}.record-toolbar-title strong{font:800 13px Manrope;color:#263b5b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}.record-control-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:0;flex:none}.record-control-actions form{margin:0}.record-control-actions .button{min-height:36px;padding:8px 13px;font-size:12px}.record-control-actions .button.secondary{background:#f8faff;border-color:#d9e1f3;color:#445c91}.record-control-actions .button.danger{background:#fff;border-color:#f0d6d8;color:#b7424d;box-shadow:none}.record-control-actions .button.danger:hover{background:#fff2f2}.client-detail .record-toolbar{margin:0;padding:14px 23px;border:0;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6;border-radius:0;box-shadow:none;background:#f9fbff}.client-info{grid-template-columns:repeat(3,minmax(0,1fr))}.client-info>span{display:block;min-width:0;overflow-wrap:anywhere;color:#51617a;line-height:1.5}.client-info .pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-right:5px;color:inherit}.client-info .pill.client-status-active{color:#209b60}.client-info .pill.client-status-prospect{color:#4665c4}.client-info .pill.client-status-suspended{color:#ae6a08}.client-info .pill.client-status-former{color:#66768e}.client-info .pill.warning{color:#d1841a}.archive-tabs{gap:3px;background:#edf1f7;border:1px solid #e1e7f1;padding:4px;border-radius:10px;width:max-content;max-width:100%;margin-bottom:20px}.archive-tabs a{border:0;background:transparent;border-radius:7px;padding:9px 15px}.archive-tabs a.selected{background:#fff;color:#3554bb;box-shadow:0 2px 6px #243b6420}@media(max-width:850px){.record-toolbar{align-items:flex-start;flex-direction:column}.record-control-actions{width:100%;justify-content:flex-start}.client-info{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.client-info{grid-template-columns:1fr}.record-control-actions{flex-wrap:wrap}.record-control-actions .button{width:100%}.record-control-actions form{flex:1;min-width:130px}.record-toolbar-title strong{white-space:normal}}