:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15243a;background:#f3f6fa;font-synthesis:none;--navy-950: #0b172b;--navy-900: #10213d;--navy-800: #193252;--blue-700: #0d4fdf;--blue-600: #165dff;--blue-100: #eaf1ff;--slate-900: #15243a;--slate-700: #475569;--slate-600: #64748b;--slate-500: #8190a5;--slate-300: #cbd5e1;--slate-200: #dfe6ef;--slate-100: #edf2f7;--surface: #fff;--canvas: #f3f6fa;--danger: #d92d42;--warning: #d97706;--success: #16845b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 33, 61, .05), 0 6px 20px rgba(16, 33, 61, .04);--shadow-lg: 0 28px 70px rgba(16, 33, 61, .2)}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,93,255,.25);outline-offset:2px}.full-loader{min-height:100vh;display:grid;place-content:center;gap:18px;justify-items:center}.brand-mark{display:grid;place-content:center;width:54px;height:54px;border-radius:14px;background:var(--blue-600);color:#fff;font-weight:800}.loading-line{width:140px;height:3px;border-radius:20px;background:linear-gradient(90deg,var(--blue-600) 0 40%,#dbe4f1 40%);animation:loading 1s infinite ease-in-out}@keyframes loading{50%{background-position:140px 0}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.login-page{min-height:100vh;position:relative;display:grid;place-items:center;padding:28px 18px;overflow:hidden;background:radial-gradient(circle at 50% 10%,#fff 0,#f7f9fc 46%,#eef3f8)}.login-pattern{position:absolute;border:1px solid rgba(22,93,255,.08);transform:rotate(35deg);border-radius:36px}.pattern-one{width:420px;height:420px;left:-240px;bottom:-90px;box-shadow:0 0 0 48px #165dff06,0 0 0 96px #165dff05}.pattern-two{width:300px;height:300px;right:-160px;top:-130px;box-shadow:0 0 0 42px #10213d06,0 0 0 84px #10213d05}.login-card{position:relative;width:min(100%,440px);background:#fffffff5;border:1px solid rgba(203,213,225,.75);border-radius:22px;padding:40px;box-shadow:0 28px 80px #10213d1f}.login-logo{width:270px;max-width:100%;height:54px;object-fit:contain;object-position:left;margin-bottom:34px}.login-heading h1{font-size:28px;letter-spacing:-.7px;margin-bottom:7px}.login-heading p{color:var(--slate-600);margin-bottom:28px}.login-card form{display:grid;gap:19px}.input-icon{height:48px;border:1px solid var(--slate-300);border-radius:10px;display:flex;align-items:center;padding:0 13px;gap:10px;color:var(--slate-500);background:#fff}.input-icon:focus-within{border-color:var(--blue-600);box-shadow:0 0 0 3px #165dff1a}.input-icon input{border:0!important;box-shadow:none!important;padding:0!important;flex:1;min-width:0;height:44px}.input-icon button{border:0;background:transparent;color:var(--slate-500);padding:5px;display:flex}.check-row{display:flex;gap:9px;align-items:center;color:var(--slate-700);font-size:14px}.check-row input,.day-toggle input,.switch-row input,.worker-picker input{accent-color:var(--blue-600);width:17px;height:17px}.login-submit{width:100%;justify-content:center;height:49px}.internal-use{margin:28px 0 0;text-align:center;color:var(--slate-500);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.app-shell{min-height:100vh;--sidebar-width: 264px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:30;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--navy-900),var(--navy-950));color:#fff;transition:width .22s,transform .22s}.sidebar-brand{height:84px;display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}.sidebar-brand img{width:220px;height:52px;max-width:none;object-fit:contain;object-position:left}.sidebar nav{padding:17px 12px;display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.sidebar nav a{min-height:44px;border-radius:9px;padding:0 13px;display:flex;align-items:center;gap:13px;color:#b9c7db;font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.active{color:#fff;background:#2f75ff33;box-shadow:inset 3px 0 #4d86ff}.sidebar nav a svg{flex:0 0 auto}.sidebar-footer{padding:15px 12px 20px;border-top:1px solid rgba(255,255,255,.07);overflow:hidden}.sidebar-user{display:flex;align-items:center;gap:10px;padding:5px 8px 13px;white-space:nowrap}.sidebar-user div{display:flex;flex-direction:column;gap:2px}.sidebar-user strong{font-size:13px}.sidebar-user small{color:#93a6c2;font-size:11px}.sidebar-logout{width:100%;min-height:38px;display:flex;align-items:center;gap:12px;border:0;border-radius:8px;padding:0 10px;color:#b9c7db;background:transparent;white-space:nowrap}.sidebar-logout:hover{background:#ffffff0f;color:#fff}.avatar{width:34px;height:34px;border-radius:10px;background:var(--blue-600);color:#fff;display:inline-grid;place-content:center;font-size:13px;font-weight:750;flex:0 0 auto;font-style:normal}.avatar.soft{background:var(--blue-100);color:var(--blue-700)}.avatar.large{width:48px;height:48px;font-size:16px;border-radius:13px}.collapse-btn{position:absolute;width:25px;height:25px;right:-12px;top:95px;border-radius:50%;display:grid;place-content:center;color:var(--slate-700);background:#fff;border:1px solid var(--slate-200);box-shadow:var(--shadow-sm)}.sidebar-collapsed{--sidebar-width: 78px}.sidebar-collapsed .sidebar-brand{padding-left:13px}.sidebar-collapsed .sidebar-brand img{width:50px;object-fit:cover;object-position:left}.sidebar-collapsed .sidebar nav a{padding-left:17px}.sidebar-collapsed .sidebar nav span,.sidebar-collapsed .sidebar-user div,.sidebar-collapsed .sidebar-logout span{display:none}.sidebar-collapsed .sidebar-footer{padding-inline:12px}.sidebar-collapsed .sidebar-user{padding-inline:8px}.sidebar-collapsed .collapse-btn{transform:rotate(180deg)}.main-column{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .22s}.topbar{height:72px;padding:0 30px;border-bottom:1px solid var(--slate-200);background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:20}.topbar-left,.topbar-user{display:flex;align-items:center;gap:12px}.topbar-left>div,.topbar-user>div{display:flex;flex-direction:column;gap:2px}.topbar-left strong{font-size:15px}.topbar-left span,.topbar-user span{color:var(--slate-500);font-size:12px;text-transform:capitalize}.topbar-user strong{font-size:13px}.menu-btn,.mobile-close{display:none}.page-content{width:min(100%,1600px);margin:0 auto;padding:30px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px}.page-header h1{margin:4px 0 6px;font-size:clamp(25px,2vw,32px);letter-spacing:-.8px;color:var(--slate-900)}.page-header p{margin:0;color:var(--slate-600);font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--blue-600);font-size:11px;font-weight:750}.card{background:var(--surface);border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.list-card{padding:0;overflow:hidden}.toolbar{min-height:72px;padding:14px 18px;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;gap:12px}.toolbar.wrap{flex-wrap:wrap}.toolbar.multi{align-items:end;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr))}.toolbar>select,.toolbar>input{height:42px;border:1px solid var(--slate-300);border-radius:9px;padding:0 34px 0 12px;color:var(--slate-700);background:#fff;min-width:160px}.toolbar .field{margin:0}.toolbar .field input,.toolbar .field select{height:40px}.result-count{margin-left:auto;color:var(--slate-500);font-size:13px}.search-input{height:42px;width:min(360px,100%);border:1px solid var(--slate-300);border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--slate-500);background:#fff}.search-input:focus-within{border-color:var(--blue-600);box-shadow:0 0 0 3px #165dff14}.search-input input{border:0;outline:0;flex:1;min-width:0;color:var(--slate-900);background:transparent}.btn{min-height:40px;border:1px solid transparent;border-radius:9px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;justify-content:center;font-size:13px;font-weight:700;transition:.15s;white-space:nowrap}.btn-primary{color:#fff;background:var(--blue-600);border-color:var(--blue-600);box-shadow:0 4px 12px #165dff33}.btn-primary:hover{background:var(--blue-700)}.btn-secondary{color:var(--blue-700);background:var(--blue-100);border-color:#cfe0ff;box-shadow:none}.btn-secondary:hover{background:#dae7ff}.btn-ghost{color:var(--slate-700);background:#fff;border-color:var(--slate-300);box-shadow:none}.btn-ghost:hover{background:var(--slate-100)}.btn-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.icon-btn,.menu-btn,.mobile-close{border:0;background:transparent;color:var(--slate-600);padding:7px;border-radius:7px}.table-action{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--slate-600);display:inline-grid;place-content:center}.table-action:hover{color:var(--blue-700);background:var(--blue-100)}.table-action.danger:hover{color:var(--danger);background:#fff0f2}.field{display:flex;flex-direction:column;gap:7px;color:var(--slate-700);font-size:13px;font-weight:650}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--slate-300);border-radius:9px;padding:9px 11px;color:var(--slate-900);background:#fff;font-weight:450;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-600);outline:0;box-shadow:0 0 0 3px #165dff14}.field small{color:var(--slate-500);font-weight:450}.field-error{color:var(--danger)!important}.form-alert{border:1px solid #fecdd3;background:#fff1f2;color:#b42337;padding:11px 13px;border-radius:9px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.stack-form{display:flex;flex-direction:column;gap:22px}.form-section{border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:18px}.form-section>h3,.detail-section>h3{font-size:15px;margin:0 0 16px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.sticky-actions{position:sticky;bottom:-22px;background:#fffffff5;padding:14px 0 2px;border-top:1px solid var(--slate-200);z-index:2}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-heading h3{font-size:15px;margin:0 0 4px}.section-heading p{color:var(--slate-500);font-size:12px;margin:0}.switch-row{display:flex;align-items:flex-start;gap:10px;padding:13px;margin-top:14px;border:1px solid var(--slate-200);border-radius:10px;background:#f8fafc}.switch-row>span{display:flex;flex-direction:column;gap:3px;font-size:13px}.switch-row small{color:var(--slate-500)}.switch-row.compact{align-self:end;min-height:42px;align-items:center;margin:0}.manual-adjust{margin-top:12px;padding:15px;border-radius:10px;background:#fff8eb;border:1px solid #fde2ad}.responsive-table{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{height:43px;padding:0 15px;text-align:left;color:var(--slate-500);background:#f8fafc;border-bottom:1px solid var(--slate-200);font-size:10px;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}td{padding:13px 15px;border-bottom:1px solid var(--slate-100);color:var(--slate-700);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfcfe}td strong{color:var(--slate-900)}.actions-cell{white-space:nowrap;text-align:right}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>div{display:flex;flex-direction:column;gap:3px}.person-cell small,.cell-subtext{display:block;color:var(--slate-500);font-size:11px;margin-top:3px}.badge{display:inline-flex;align-items:center;min-height:23px;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:750;white-space:nowrap;text-transform:uppercase;letter-spacing:.025em;background:var(--slate-100);color:var(--slate-700)}.badge-active,.badge-present,.badge-completed,.badge-approved{color:#08744d;background:#e5f7ef}.badge-inactive,.badge-cancelled,.badge-rejected,.badge-absent,.badge-delete,.badge-urgent{color:#bd283d;background:#ffeaed}.badge-pending,.badge-draft,.badge-normal,.badge-news,.badge-general{color:#53657d;background:#edf2f7}.badge-in_progress,.badge-sent,.badge-high,.badge-worker,.badge-update,.badge-status_change{color:#0d4fdf;background:#e5eeff}.badge-leave,.badge-day_off,.badge-holiday,.badge-expired,.badge-incident,.badge-overdue{color:#a95b08;background:#fff2dc}.badge-observation,.badge-advance,.badge-create,.badge-attachment_add,.badge-pdf_download,.badge-login{color:#6d42b8;background:#f1eaff}.badge-adjusted{color:#8d5200;background:#fff0c9}.badge-neutral{color:var(--slate-600);background:var(--slate-100)}.state-panel{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--slate-500)}.state-panel h3{color:var(--slate-900);font-size:16px;margin:12px 0 5px}.state-panel p{margin:8px 0 15px;font-size:13px}.state-panel.error{color:var(--danger)}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.summary-strip>div{padding:15px 18px;border:1px solid var(--slate-200);background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.summary-strip span{font-size:11px;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em}.summary-strip strong{font-size:20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric-card{min-height:120px;padding:18px;border:1px solid var(--slate-200);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:13px;position:relative;transition:transform .15s,box-shadow .15s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10213d14}.metric-icon{width:39px;height:39px;border-radius:10px;display:grid;place-content:center}.metric-icon.blue{color:#165dff;background:#eaf1ff}.metric-icon.cyan{color:#1686a4;background:#e5f7fb}.metric-icon.orange{color:#d97706;background:#fff3df}.metric-icon.violet{color:#7b4dc4;background:#f2ebff}.metric-card>div{display:flex;flex-direction:column;min-width:0}.metric-card span{font-size:11px;color:var(--slate-500)}.metric-card strong{font-size:23px;letter-spacing:-.5px;margin:4px 0 2px;color:var(--slate-900)}.metric-card small{color:var(--slate-500)}.metric-arrow{position:absolute;right:15px;top:15px;font-size:21px!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:18px;margin-bottom:18px}.dashboard-grid.lower{grid-template-columns:minmax(0,1.55fr) minmax(310px,.9fr)}.dashboard-grid>.card{padding:19px;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}.card-heading h2{font-size:15px;margin-bottom:4px}.card-heading p{color:var(--slate-500);font-size:11px;margin:0}.card-heading>a{color:var(--blue-600);font-size:12px;font-weight:700}.chart-wrap{height:260px}.chart-legend{display:flex;justify-content:center;gap:20px;color:var(--slate-600);font-size:11px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.normal-dot{background:#165dff}.extra-dot{background:#58c4dc}.compact-list{display:flex;flex-direction:column}.compact-item{display:grid;grid-template-columns:5px 1fr auto;align-items:center;gap:11px;min-height:54px;padding:9px 4px;border-bottom:1px solid var(--slate-100)}.compact-item:last-child{border-bottom:0}.compact-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}.compact-item strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-item span{color:var(--slate-500);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-priority{width:4px;height:30px;border-radius:4px;background:#94a3b8}.priority-high{background:#f59e0b}.priority-urgent{background:#e1475b}.compact-item.overdue strong,.compact-item.overdue .item-date{color:var(--danger)}.item-date{color:var(--slate-500);font-size:10px;align-items:flex-end!important}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:12px;position:relative;padding:0 0 17px 20px}.timeline-item:before{content:"";position:absolute;left:4px;top:9px;bottom:-2px;width:1px;background:var(--slate-200)}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:0;top:5px;width:9px;height:9px;border:2px solid white;background:var(--blue-600);border-radius:50%;box-shadow:0 0 0 1px #9cbaff}.timeline-item>div{display:flex;flex-direction:column;gap:2px}.timeline-item strong{font-size:12px}.timeline-item p,.timeline-item time{color:var(--slate-500);font-size:10px;margin:0}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;background:#0712228f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center}.modal{width:min(100%,650px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#fff;border-radius:17px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-small{max-width:440px}.modal-large{max-width:850px}.modal-xlarge{max-width:1120px}.modal>header{min-height:73px;padding:17px 22px;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;justify-content:space-between;gap:18px}.modal>header h2{margin:0 0 3px;font-size:19px;letter-spacing:-.3px}.modal>header p{color:var(--slate-500);margin:0;font-size:12px}.modal-body{padding:22px;overflow-y:auto;overscroll-behavior:contain}.confirm-copy{display:flex;align-items:flex-start;gap:13px;margin-bottom:25px}.confirm-copy p{margin:5px 0 0;color:var(--slate-700);line-height:1.55}.confirm-icon{width:40px;height:40px;border-radius:10px;background:#fff1f2;color:var(--danger);display:grid;place-content:center;flex:0 0 auto}.toast-stack{position:fixed;z-index:200;right:20px;bottom:20px;display:flex;flex-direction:column;gap:9px;width:min(380px,calc(100vw - 40px))}.toast{min-height:54px;padding:12px 13px;border:1px solid #bce8d5;border-radius:11px;background:#f0fbf6;color:#116b4a;box-shadow:0 14px 35px #10213d26;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px}.toast.error{border-color:#fecdd3;background:#fff4f5;color:#b42337}.toast button{border:0;background:transparent;color:currentColor;display:flex;padding:4px}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.detail-top>div:last-child{display:flex;align-items:center;gap:8px}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--slate-200);overflow-x:auto;margin:0 -22px;padding:0 22px}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--slate-500);padding:11px 13px;font-size:12px;white-space:nowrap}.tabs button.active{color:var(--blue-600);border-bottom-color:var(--blue-600);font-weight:700}.detail-section{padding-top:20px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}.mini-metrics>div{padding:15px;background:#f7f9fc;border:1px solid var(--slate-200);border-radius:10px;display:flex;flex-direction:column;gap:5px}.mini-metrics span,.info-grid span{color:var(--slate-500);font-size:10px;text-transform:uppercase;letter-spacing:.045em}.mini-metrics strong{font-size:18px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--slate-200);border:1px solid var(--slate-200);border-radius:11px;overflow:hidden}.info-grid>div{padding:14px;background:#fff;display:flex;flex-direction:column;gap:6px}.info-grid strong{font-size:12px;font-weight:600;line-height:1.5}.schedule-list{display:flex;flex-direction:column;border:1px solid var(--slate-200);border-radius:11px;overflow:hidden}.schedule-row{display:grid;grid-template-columns:145px repeat(3,1fr) 70px;gap:10px;align-items:end;padding:11px 13px;border-bottom:1px solid var(--slate-100);background:#fff}.schedule-row:last-child{border-bottom:0}.schedule-row.off{background:#f8fafc}.day-toggle{display:flex;align-items:center;gap:9px;height:42px}.copy-schedule{height:42px;border:0;border-radius:8px;background:var(--blue-100);color:var(--blue-700);display:flex;justify-content:center;align-items:center;gap:5px}.detail-badges{display:flex;gap:7px;margin-bottom:15px}.detail-description{color:var(--slate-700);line-height:1.7}.preserve-lines{white-space:pre-line}.task-history{margin-top:17px}.task-card-grid,.records-grid,.client-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px;background:#f8fafc}.task-card,.record-card,.client-card{min-width:0;padding:17px;border:1px solid var(--slate-200);border-radius:12px;background:#fff;box-shadow:0 1px 2px #10213d08}.task-card.overdue{border-left:3px solid var(--danger)}.task-card-top,.record-card-top,.client-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--slate-500);font-size:11px}.task-card h3,.record-card h3,.client-card h3{font-size:14px;margin:14px 0 7px}.task-card>p,.record-card>p{color:var(--slate-600);font-size:12px;line-height:1.55;height:56px;overflow:hidden}.task-date{font-size:10px}.assignees{min-height:42px;display:flex;align-items:center;gap:10px;color:var(--slate-500);font-size:10px;border-top:1px solid var(--slate-100);padding-top:11px}.avatar-group{display:flex;padding-left:6px}.avatar-group i{width:26px;height:26px;display:grid;place-content:center;margin-left:-6px;border:2px solid white;border-radius:50%;background:var(--blue-100);color:var(--blue-700);font-style:normal;font-size:8px;font-weight:800}.task-card-footer,.client-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.status-select{min-height:30px;max-width:130px;border:0;border-radius:20px;padding:2px 24px 2px 10px;font-size:10px;font-weight:750;color:var(--slate-700);background:var(--slate-100)}.status-in_progress,.status-sent{color:#0d4fdf;background-color:#e5eeff}.status-completed,.status-approved{color:#08744d;background-color:#e5f7ef}.status-cancelled,.status-rejected{color:#bd283d;background-color:#ffeaed}.status-expired{color:#a95b08;background-color:#fff2dc}.worker-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.worker-picker label{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;border:1px solid var(--slate-200);border-radius:10px;padding:9px;cursor:pointer}.worker-picker label.selected{border-color:#9ebcff;background:#f2f6ff}.worker-picker label>span:last-child{display:flex;flex-direction:column;gap:2px}.worker-picker strong{font-size:12px}.worker-picker small{color:var(--slate-500);font-size:10px}.record-meta{display:flex;justify-content:space-between;gap:8px;color:var(--slate-500);font-size:10px;margin-top:12px}.record-meta span{display:flex;gap:4px;align-items:center}.record-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--slate-100);margin-top:13px;padding-top:10px}.record-detail-date{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#f8fafc;border-radius:9px;margin-bottom:22px;font-size:12px}.record-detail-date span,.record-detail-date small{color:var(--slate-500)}.record-detail-date small{margin-left:auto}.attachment-upload{display:flex;gap:10px;align-items:stretch}.attachment-upload>label{flex:1;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #9cb3d3;border-radius:9px;color:var(--blue-700);background:#f5f8ff;font-size:12px;cursor:pointer}.attachment-upload input{display:none}.attachment-list{margin-top:13px;border:1px solid var(--slate-200);border-radius:10px;overflow:hidden}.attachment-list>div{min-height:55px;display:flex;align-items:center;gap:10px;padding:8px 11px;border-bottom:1px solid var(--slate-100)}.attachment-list>div:last-child{border-bottom:0}.attachment-icon{width:37px;height:37px;display:grid;place-content:center;border-radius:8px;background:var(--blue-100);color:var(--blue-700);font-size:9px;font-weight:800}.attachment-list>div>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.attachment-list strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-list small{color:var(--slate-500);font-size:10px}.company-icon{width:43px;height:43px;border-radius:11px;display:grid;place-content:center;color:var(--blue-700);background:var(--blue-100)}.client-card>span{color:var(--slate-500);font-size:11px}.client-contact{margin-top:16px;padding:12px;border-radius:9px;background:#f8fafc;min-height:116px}.client-contact p{color:var(--slate-600);font-size:11px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-footer{border-top:1px solid var(--slate-100);padding-top:10px}.client-card-footer>span{color:var(--slate-500);font-size:11px}.quote-form .form-section{background:#fcfdff}.quote-items{display:flex;flex-direction:column;gap:9px}.quote-item{display:grid;grid-template-columns:27px minmax(220px,2fr) 100px 115px 155px 110px 78px;gap:8px;align-items:end;padding:11px;background:#fff;border:1px solid var(--slate-200);border-radius:10px}.item-index{align-self:center;width:25px;height:25px;border-radius:7px;background:var(--slate-100);display:grid;place-content:center;color:var(--slate-600);font-size:11px;font-weight:750}.money-input{display:flex;align-items:center;height:42px;border:1px solid var(--slate-300);border-radius:9px;overflow:hidden;background:#fff}.money-input span{padding-left:10px;color:var(--slate-500)}.money-input input{border:0!important;box-shadow:none!important}.item-total{align-self:center;font-size:12px;text-align:right}.item-actions{align-self:center;display:flex}.item-actions button{width:26px;height:28px;border:0;border-radius:6px;color:var(--slate-500);background:transparent;display:grid;place-content:center}.item-actions button:hover{background:var(--slate-100)}.item-actions button.danger:hover{color:var(--danger);background:#fff0f2}.quote-totals-section{display:grid;grid-template-columns:1.4fr .7fr;gap:25px}.totals-box{margin-left:auto;width:min(100%,330px);padding:14px;border:1px solid var(--slate-200);border-radius:10px;background:#fff}.totals-box>div,.detail-total>div{display:flex;justify-content:space-between;gap:30px;padding:6px 0;color:var(--slate-600);font-size:12px}.totals-box .grand-total,.detail-total>div:last-child{border-top:1px solid var(--slate-200);margin-top:6px;padding-top:12px;color:var(--slate-900);font-size:16px}.totals-box .grand-total strong,.detail-total>div:last-child strong{color:var(--blue-600)}.quote-detail-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.quote-detail-actions>div{display:flex;gap:7px}.quote-detail-head{display:grid;grid-template-columns:1fr 230px;gap:20px;padding:20px;background:#f5f8fc;border-radius:12px;margin-bottom:20px}.quote-detail-head span{color:var(--slate-500);font-size:10px;text-transform:uppercase;letter-spacing:.05em;display:block}.quote-detail-head h3{margin:6px 0}.quote-detail-head p{color:var(--slate-600);font-size:12px;margin:0}.quote-detail-head>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:center}.quote-detail-head>div:last-child strong{text-align:right;font-size:12px}.quote-detail>h2{font-size:19px}.detail-total{width:min(100%,340px);margin:15px 0 20px auto}.quote-info{clear:both}.audit-filters{align-items:end}.audit-filters .search-input{margin-bottom:0;align-self:end}.audit-list{padding:5px 18px}.audit-list article{min-height:67px;position:relative;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--slate-100)}.audit-list article:last-child{border-bottom:0}.audit-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-600)}.audit-line{display:flex;align-items:center;gap:9px}.audit-line strong{font-size:12px}.audit-list p{margin:5px 0 0;color:var(--slate-500);font-size:10px}.audit-list p span{text-transform:capitalize}.json-compare{display:grid;grid-template-columns:1fr 1fr;gap:13px}.json-compare h3{font-size:13px}.json-compare pre{min-height:220px;max-height:440px;overflow:auto;padding:13px;background:var(--navy-950);color:#c8d7ec;border-radius:9px;font:11px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.settings-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.settings-brand{padding:22px;position:sticky;top:92px}.settings-brand img{width:100%}.settings-brand p{color:var(--slate-600);font-size:12px;line-height:1.6;margin-top:20px}.brand-swatches{display:flex;gap:7px}.brand-swatches span{width:36px;height:36px;border-radius:9px;border:1px solid var(--slate-200)}.settings-form{padding:20px;display:flex;flex-direction:column;gap:18px}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.task-card-grid,.records-grid,.client-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-item{grid-template-columns:27px minmax(200px,1.5fr) 90px 105px 140px}.quote-item .item-total{grid-column:2 / 5}.quote-item .item-actions{grid-column:5;grid-row:2;justify-content:end}}@media(max-width:1024px){.app-shell,.sidebar-collapsed{--sidebar-width: 0px}.sidebar{width:264px;transform:translate(-105%);box-shadow:15px 0 40px #07122233}.sidebar.open{transform:translate(0)}.sidebar nav span,.sidebar-user div,.sidebar-logout span{display:initial!important}.sidebar-brand{padding-left:20px!important}.sidebar-brand img{width:220px!important;object-fit:contain!important}.collapse-btn{display:none}.mobile-close{display:flex;margin-left:auto;color:#aec0da}.sidebar-overlay{position:fixed;inset:0;z-index:29;border:0;background:#0712227a}.menu-btn{display:flex}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.schedule-row{grid-template-columns:125px repeat(3,1fr) 60px}.settings-layout{grid-template-columns:1fr}.settings-brand{position:static}.settings-brand img{max-width:300px}}@media(max-width:768px){.topbar{height:65px;padding:0 16px}.topbar-user>div{display:none}.page-content{padding:20px 15px 80px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-header .btn{width:100%}.metrics-grid,.summary-strip{grid-template-columns:repeat(2,1fr)}.toolbar,.toolbar.multi{display:grid;grid-template-columns:1fr 1fr;align-items:end}.toolbar .search-input{grid-column:span 2;width:100%}.toolbar .result-count{margin:0}.task-card-grid,.records-grid,.client-card-grid{grid-template-columns:1fr;padding:12px}.form-grid,.form-grid-3{grid-template-columns:1fr}.span-2{grid-column:span 1}.modal-backdrop{padding:0;place-items:end center}.modal{width:100%;max-width:none;max-height:94vh;border-radius:18px 18px 0 0}.modal>header{padding:15px 17px}.modal-body{padding:17px}.tabs{margin-inline:-17px;padding-inline:17px}.sticky-actions{bottom:-17px;padding:12px 0}.responsive-table table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table tbody{padding:10px;display:grid;gap:10px}.responsive-table tr{border:1px solid var(--slate-200);border-radius:10px;padding:10px 12px;background:#fff}.responsive-table td{min-height:31px;border:0;padding:6px 0 6px 42%;position:relative;text-align:left}.responsive-table td:before{content:attr(data-label);position:absolute;left:0;width:38%;color:var(--slate-500);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.responsive-table .actions-cell{text-align:right;border-top:1px solid var(--slate-100);margin-top:5px;padding-left:0}.responsive-table .actions-cell:before{display:none}.dashboard-grid .responsive-table tbody{padding:0}.dashboard-grid .responsive-table tr{box-shadow:none}.schedule-list{overflow-x:auto}.schedule-row{width:720px}.mini-metrics,.worker-picker,.quote-totals-section{grid-template-columns:1fr}.quote-item{min-width:760px}.quote-items{overflow-x:auto;padding-bottom:6px}.quote-detail-actions{align-items:flex-start}.quote-detail-actions>div{flex-wrap:wrap;justify-content:flex-end}.quote-detail-head,.json-compare{grid-template-columns:1fr}}@media(max-width:480px){.login-card{padding:28px 22px}.login-logo{width:250px;margin-bottom:28px}.topbar-left>div span{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics-grid,.summary-strip{grid-template-columns:1fr}.metric-card{min-height:105px}.toolbar,.toolbar.multi{grid-template-columns:1fr}.toolbar .search-input{grid-column:span 1}.toolbar>select,.toolbar>input{width:100%}.page-header h1{font-size:25px}.dashboard-grid>.card{padding:15px}.chart-wrap{height:230px}.form-section{padding:14px}.form-actions{display:grid;grid-template-columns:1fr 1fr}.form-actions .btn{width:100%}.detail-top{align-items:flex-start}.detail-top>div:last-child{flex-direction:column;align-items:flex-end}.info-grid{grid-template-columns:1fr}.info-grid .span-2{grid-column:span 1}.attachment-upload{flex-direction:column}.attachment-upload>label{min-height:52px}.record-detail-date{align-items:flex-start;flex-direction:column}.record-detail-date small{margin-left:0}.quote-detail-actions{flex-direction:column}.quote-detail-actions>div{justify-content:flex-start}.quote-detail-actions .btn{flex:1}.quote-detail-head>div:last-child{grid-template-columns:1fr 1fr}.audit-line{align-items:flex-start;flex-direction:column}}