@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f6f7fb;font-synthesis:none;--nav:#101523;--accent:#6857ff;--accent2:#8c7cff;--line:#e8eaf0;--muted:#7c8497;--panel:#fff;--green:#1f9d67;--red:#cf3f4f}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f7fb}button,input,select,textarea{font:inherit}button:disabled{opacity:.6;cursor:not-allowed}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-brand-panel{padding:72px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 15%,#363055 0,#151827 40%,#0d111d);color:#fff}.logo-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#7d6cff,#ad78ff);font-size:27px;font-weight:800;box-shadow:0 14px 40px #6b57ff55}.login-brand-panel h1{font-size:56px;line-height:1;margin:26px 0 14px}.login-brand-panel p{max-width:560px;font-size:19px;color:#c3c7d3;line-height:1.6}.login-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.login-points span{padding:9px 13px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0c;color:#ddd}.login-card{width:min(430px,86%);margin:auto;display:flex;flex-direction:column;gap:18px}.login-card h2{font-size:34px;margin:6px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#7867ff}.muted{color:var(--muted)}label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:13px}input,select,textarea{padding:12px 14px;border:1px solid #dfe2ea;border-radius:10px;outline:0;background:#fbfbfd;color:#172033}input:focus,select:focus,textarea:focus{border-color:#7b6aff;box-shadow:0 0 0 3px #7b6aff18}.primary-btn{border:0;background:linear-gradient(135deg,#6757ff,#8a6cff);color:#fff;padding:14px 18px;border-radius:11px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #6757ff25}.compact{padding:11px 15px}.secondary-btn{border:1px solid #dfe2ea;background:#fff;color:#323a4d;padding:10px 13px;border-radius:10px;font-weight:700;cursor:pointer}.link-btn{border:0;background:transparent;color:#6857ff;font-weight:700;cursor:pointer}.alert{padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.45}.alert.error{background:#fff0f2;color:#a92e3d;border:1px solid #ffd6db}.alert.success{background:#effaf5;color:#187048;border:1px solid #cdeedd}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:252px;background:var(--nav);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand-row{display:flex;align-items:center;gap:11px;padding:5px 7px 20px}.logo-mark.small{width:38px;height:38px;border-radius:11px;font-size:18px;box-shadow:none}.brand-row strong{display:block;font-size:14px;letter-spacing:1px}.brand-row span{display:block;color:#8e96aa;font-size:11px;margin-top:2px}.nav-section{margin:4px 0 11px}.nav-label{font-size:10px;color:#616b80;font-weight:800;letter-spacing:1.5px;padding:9px 12px}.nav-item{width:100%;border:0;background:transparent;color:#aeb5c5;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;cursor:pointer;text-align:left;font-weight:600;font-size:13px}.nav-item:hover,.nav-item.active{background:#20263a;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #7867ff}.nav-icon{width:19px;text-align:center;color:#8b93a5}.user-card{margin-top:auto;border-top:1px solid #242b3e;padding:16px 8px 4px;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:#2d3550;color:#fff;font-weight:800}.avatar{width:36px;height:36px;font-size:11px}.user-info{min-width:0;flex:1}.user-card strong,.user-card span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card strong{font-size:12px}.user-card span{font-size:10px;color:#858da1;margin-top:2px;text-transform:capitalize}.logout-btn{border:0;background:#ffffff0c;color:#aeb5c5;width:30px;height:30px;border-radius:8px;cursor:pointer}.main{margin-left:252px;min-height:100vh}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:12px;position:sticky;top:0;z-index:10}.top-spacer{flex:1}.top-avatar{width:34px;height:34px;font-size:10px;background:#6355ff}.live-dot{font-size:10px;color:#1c9f68;font-weight:800;letter-spacing:.8px}.menu-btn,.mobile-close{border:0;background:transparent;cursor:pointer}.menu-btn{display:none;font-size:20px}.mobile-close{display:none;color:#fff;margin-left:auto;font-size:24px}.page-wrap{padding:30px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.page-head h1{margin:5px 0 6px;font-size:28px}.page-head p{margin:0;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 16px #1f2a4410}.stat-card{padding:18px}.stat-card span{font-size:11px;color:var(--muted);font-weight:600}.stat-card strong{display:block;font-size:22px;margin:10px 0 5px}.stat-card small{font-size:10px;color:#6e7688}.content-grid{display:grid;gap:16px;margin-top:16px}.half{grid-template-columns:1fr 1fr}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h3{margin:0 0 4px;font-size:15px}.panel-head p{margin:0;color:var(--muted);font-size:11px}.text-btn{border:0;background:transparent;color:#6857ff;font-weight:700;font-size:11px;cursor:pointer}.data-list{display:flex;flex-direction:column}.data-list-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f1f5}.data-list-row:last-child{border:0}.data-list-row strong,.data-list-row span{display:block}.data-list-row strong{font-size:12px}.data-list-row div span{font-size:10px;color:#9198a8;margin-top:4px}.mini-empty{padding:38px 8px;text-align:center;color:#8c93a3;font-size:12px}.stage-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage-checks div{padding:12px;border-radius:10px;background:#f7f6ff;color:#5146a7;font-weight:700;font-size:11px}.table-panel{padding:0;overflow:hidden}.toolbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line);align-items:center}.toolbar .search-input{min-width:240px;flex:1}.toolbar select{min-width:160px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:950px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#80889a;padding:12px 16px;background:#fafbfc;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #f0f1f5;font-size:12px;color:#3b4252;vertical-align:middle}tbody tr:hover{background:#fcfcff}.cell-main{font-weight:700;color:#20283b}.cell-sub{font-size:10px;color:#9097a6;margin-top:4px}.table-empty{text-align:center;padding:55px;color:#8a92a3}.status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;background:#eef0f5;color:#60697b;white-space:nowrap}.s-new{background:#f0efff;color:#6654df}.s-contacted{background:#edf6ff;color:#2c6a9d}.s-follow_up{background:#fff5df;color:#946900}.s-quotation{background:#f2efff;color:#714dd1}.s-negotiation{background:#fff0e8;color:#a95520}.s-won{background:#e9f8f1;color:#18714a}.s-lost{background:#fff0f2;color:#b43746}.row-actions{display:flex;gap:7px;justify-content:flex-end}.row-actions button{border:0;background:#f2f3f7;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;color:#50596b}.row-actions .convert{background:#eceaff;color:#5c4be0}.row-actions .danger-text{background:#fff0f2;color:#b43746}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10152399;display:grid;place-items:center;z-index:100;padding:20px}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 100px #0004}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.modal-head button{border:0;background:#f1f2f6;width:34px;height:34px;border-radius:9px;font-size:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.toast{position:fixed;right:22px;bottom:22px;z-index:150;min-width:280px;max-width:460px;background:#15211b;color:#fff;border-radius:12px;padding:13px 14px;display:flex;gap:18px;align-items:center;justify-content:space-between;box-shadow:0 16px 50px #0003;font-size:12px}.toast.error{background:#421a20}.toast button{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.empty-state{text-align:center;padding:75px 20px}.empty-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 15px;border-radius:15px;background:#f1efff;color:#6d5cff;font-size:23px}.empty-state h3{margin:0 0 8px}.empty-state p{color:var(--muted);font-size:12px}.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f6f7fb;color:#293044;text-align:center;padding:20px}.boot-screen p{font-size:12px;color:#7c8497;max-width:430px}.backdrop{display:none}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0}.menu-btn,.mobile-close{display:block}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;z-index:15}.half,.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}}@media (max-width:650px){.stats-grid{grid-template-columns:repeat(2,1fr)}.page-wrap{padding:20px 14px}.page-head{flex-direction:column}.page-head h1{font-size:23px}.topbar{padding:0 14px}.toolbar{flex-direction:column;align-items:stretch}.toolbar .search-input,.toolbar select{min-width:0;width:100%}.form-grid{grid-template-columns:1fr;padding:17px}.form-grid .full{grid-column:auto}.stage-checks{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal-card{max-height:96vh}}.head-actions{display:flex;gap:10px;align-items:center}.third-layout{grid-template-columns:1fr 1fr 1fr}.floating-toolbar{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;box-shadow:0 3px 16px #1f2a4410}.floating-toolbar{border-bottom:1px solid var(--line)}.danger-copy{color:#c43c4b!important}.danger-btn{border:1px solid #ffd5da;background:#fff5f6;color:#b93645;padding:10px 13px;border-radius:10px;font-weight:700;cursor:pointer}.field-label{font-weight:600;font-size:13px;margin-bottom:9px}.person-cell{display:flex;align-items:center;gap:10px}.person-avatar{width:34px;height:34px;border-radius:10px;background:#eeeaff;color:#6150db;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.small-avatar{width:32px;height:32px}.s-planning{background:#f0efff;color:#6654df}.s-active{background:#e9f8f1;color:#18714a}.s-review{background:#fff5df;color:#946900}.s-completed,.s-done{background:#e8f8ef;color:#177047}.s-on_hold{background:#fff0e8;color:#a95520}.s-cancelled,.s-blocked{background:#fff0f2;color:#b43746}.s-todo{background:#eef0f5;color:#60697b}.s-in_progress{background:#edf6ff;color:#2c6a9d}.priority-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.p-low{background:#eef7f3;color:#2d7858}.p-medium{background:#f0efff;color:#6654df}.p-high{background:#fff4df;color:#986b00}.p-urgent{background:#fff0f2;color:#b43746}.project-mini{padding:12px 0;border-bottom:1px solid #f0f1f5}.project-mini:last-child{border-bottom:0}.project-mini-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.project-mini-top strong,.project-mini-top span{display:block}.project-mini-top strong{font-size:12px}.project-mini-top div span{font-size:10px;color:#9198a8;margin-top:4px}.mini-progress,.project-progress{height:7px;background:#eef0f5;border-radius:999px;overflow:hidden}.mini-progress{margin:11px 0 6px}.mini-progress span,.project-progress span{display:block;height:100%;background:linear-gradient(90deg,#6757ff,#8d78ff);border-radius:999px}.project-mini small{font-size:9px;color:#8d95a5}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 3px 16px #1f2a4410;display:flex;flex-direction:column;gap:16px}.project-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.project-card-head h3{margin:5px 0 4px;font-size:16px;line-height:1.3}.project-card-head p{margin:0;color:#7d8597;font-size:10px;line-height:1.5}.code-label{font-size:8px;font-weight:800;color:#7363e7;letter-spacing:.65px}.project-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-meta-grid>div{background:#f8f9fc;padding:10px;border-radius:10px;min-width:0}.project-meta-grid span,.project-meta-grid strong{display:block}.project-meta-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:#8b93a5;font-weight:700}.project-meta-grid strong{font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-progress-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.project-progress-row>div:first-child span{color:#8790a1}.team-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f1f5;padding-top:13px}.team-strip>span{font-size:9px;color:#8790a1;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.avatar-stack{display:flex;align-items:center}.stack-avatar{width:28px;height:28px;border-radius:50%;background:#ece9ff;color:#5f4fd8;border:2px solid #fff;display:grid;place-items:center;font-size:8px;font-weight:800;margin-left:-6px}.stack-avatar:first-child{margin-left:0}.avatar-stack small{font-size:9px;color:#81899b;margin-left:5px}.project-card-actions{display:flex;gap:8px;margin-top:auto}.project-card-actions button{flex:1;padding:9px 10px;font-size:10px}.member-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.member-option{display:flex;flex-direction:row;align-items:center;gap:9px;border:1px solid #e5e7ee;border-radius:11px;padding:10px;cursor:pointer;background:#fbfbfd}.member-option.selected{border-color:#8a79ff;background:#f6f4ff}.member-option input{width:auto;padding:0}.member-option strong,.member-option span{display:block}.member-option strong{font-size:11px}.member-option span{font-size:9px;color:#8991a2;margin-top:2px}.wide-page{max-width:none}.kanban-scroll{overflow-x:auto;padding-bottom:8px}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:12px;min-width:1350px;align-items:start}.kanban-column{background:#eef0f5;border:1px solid #e3e6ec;border-radius:14px;padding:10px;min-height:430px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 10px;font-size:11px;font-weight:800}.kanban-head>div{display:flex;align-items:center;gap:7px}.kanban-head>strong{width:23px;height:23px;border-radius:7px;background:#fff;display:grid;place-items:center;font-size:9px;color:#6e7688}.kanban-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#8c93a3}.dot-todo{background:#8b93a5}.dot-in_progress{background:#5b94d1}.dot-review{background:#d6a235}.dot-done{background:#43a776}.dot-blocked{background:#d25b67}.kanban-cards{display:flex;flex-direction:column;gap:9px}.task-card{position:relative;background:#fff;border:1px solid #e3e6ec;border-radius:12px;padding:13px;cursor:pointer;box-shadow:0 2px 7px #20283b08}.task-card:hover{border-color:#c8c3ff;box-shadow:0 5px 15px #5c4fe010}.task-overdue{border-left:3px solid #cf3f4f}.task-card-top{display:flex;justify-content:space-between;align-items:center}.task-menu{font-size:12px;color:#a1a7b3}.task-card h4{font-size:12px;margin:11px 0 5px;line-height:1.4;padding-right:12px}.task-card>p{font-size:9px;color:#8991a2;margin:0}.task-card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:14px;font-size:8px;color:#838b9d}.task-assignee{display:flex;align-items:center;min-width:0}.task-assignee .stack-avatar{width:24px;height:24px;margin:0 6px 0 0}.task-assignee span{max-width:85px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-delete{position:absolute;right:8px;bottom:7px;border:0;background:transparent;color:#c45a66;font-size:16px;cursor:pointer;opacity:0}.task-card:hover .task-delete{opacity:1}.kanban-empty{padding:28px 10px;text-align:center;color:#a0a7b4;font-size:10px;border:1px dashed #d5d9e2;border-radius:10px;background:#fff6}input:disabled,select:disabled,textarea:disabled{background:#f2f3f6;color:#707889;cursor:not-allowed}.project-card .status-pill{flex:none}@media (max-width:1350px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.third-layout{grid-template-columns:1fr 1fr}.third-layout>section:last-child{grid-column:1/-1}}@media (max-width:900px){.project-grid,.third-layout{grid-template-columns:1fr}.third-layout>section:last-child{grid-column:auto}.member-picker{grid-template-columns:1fr}}@media (max-width:650px){.head-actions{width:100%}.head-actions button{flex:1}.project-card-actions{flex-wrap:wrap}.project-card-actions button{min-width:90px}.floating-toolbar{padding:12px}.member-picker{grid-template-columns:1fr}}.finance-stats{grid-template-columns:repeat(4,1fr)}.finance-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.finance-summary.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px}.money-positive{color:#168257!important;font-weight:800}.money-negative{color:#c23e4c!important;font-weight:800}.money-warning{color:#a66c00!important;font-weight:800}.money-cell{font-weight:800;color:#242c3e}.finance-draft{background:#eef0f5;color:#60697b}.finance-sent{background:#edf6ff;color:#2c6a9d}.finance-partial{background:#fff5df;color:#946900}.finance-paid{background:#e9f8f1;color:#18714a}.finance-overdue{background:#fff0f2;color:#b43746}.finance-cancelled{background:#f2f2f4;color:#777f8f}.finance-table{min-width:1100px}.invoice-items-wrap{padding:0 22px 18px}.invoice-items-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.invoice-items-head strong{font-size:13px}.invoice-item-row{display:grid;grid-template-columns:minmax(250px,1fr) 90px 130px 120px 34px;gap:8px;align-items:center;margin-bottom:8px}.invoice-item-row input{min-width:0}.invoice-item-row>strong{text-align:right;font-size:12px}.item-remove{border:0;background:#fff0f2;color:#b43746;border-radius:8px;height:38px;cursor:pointer;font-size:18px}.item-remove:disabled{opacity:.3}.invoice-bottom{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:0 22px 18px}.invoice-totals{display:flex;flex-direction:column;gap:9px}.invoice-totals label{display:grid;grid-template-columns:1fr 130px;align-items:center}.invoice-totals label input{text-align:right}.invoice-totals>div{display:flex;justify-content:space-between;border-top:1px solid #eef0f4;padding-top:10px;font-size:12px}.invoice-totals .grand-total{font-size:15px}.modal-footer{padding:0 22px 22px}.invoice-notes textarea{min-height:130px}.finance-summary .stat-card{box-shadow:0 3px 16px #1f2a4410}@media (max-width:1200px){.finance-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.finance-dashboard-grid{grid-template-columns:1fr}.finance-summary,.finance-summary.two{grid-template-columns:1fr 1fr;max-width:none}.invoice-bottom{grid-template-columns:1fr}.invoice-item-row{grid-template-columns:1fr 80px 110px 100px 34px}}@media (max-width:650px){.finance-stats,.finance-summary,.finance-summary.two{grid-template-columns:1fr}.invoice-item-row{grid-template-columns:1fr 1fr}.invoice-item-row .item-desc{grid-column:1/-1}.invoice-item-row>strong{text-align:left}.item-remove{width:100%}.invoice-bottom,.invoice-items-wrap{padding:0 17px 15px}.modal-footer{padding:0 17px 17px}.invoice-totals label{grid-template-columns:1fr}}.month-input{height:38px;border:1px solid #e3e6ee;border-radius:10px;padding:0 12px;background:#fff;color:#20283a;font:inherit}.attendance-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.attendance-today-card{display:grid;grid-template-columns:minmax(180px,1fr) 2fr auto;gap:22px;align-items:center;margin-bottom:16px}.attendance-today-card h3{margin:4px 0;font-size:18px}.attendance-today-card p{margin:0;color:#7f8798;font-size:11px}.attendance-clock{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px}.attendance-clock>div{background:#f8f9fc;border:1px solid #f0f1f5;border-radius:11px;padding:11px}.attendance-clock span,.attendance-clock strong{display:block}.attendance-clock span{font-size:8px;text-transform:uppercase;letter-spacing:.55px;color:#8d95a5;font-weight:700}.attendance-clock strong{font-size:13px;margin-top:4px}.attendance-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.attendance-summary{margin-bottom:16px}.attendance-pill,.leave-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.a-present{background:#e9f8f1;color:#18714a}.a-work_from_home{background:#edf6ff;color:#2c6a9d}.a-half_day{background:#fff5df;color:#946900}.a-leave{background:#f0efff;color:#6654df}.a-absent{background:#fff0f2;color:#b43746}.l-pending{background:#fff5df;color:#946900}.l-approved{background:#e9f8f1;color:#18714a}.l-rejected{background:#fff0f2;color:#b43746}.l-cancelled{background:#eef0f5;color:#60697b}.approve-text{color:#168257!important}.leave-reason{max-width:280px;white-space:normal;line-height:1.45}.attendance-summary table{min-width:850px}@media (max-width:1200px){.attendance-stats{grid-template-columns:repeat(3,1fr)}.attendance-today-card{grid-template-columns:1fr 2fr}.attendance-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-width:800px){.attendance-stats{grid-template-columns:repeat(2,1fr)}.attendance-today-card{grid-template-columns:1fr}.attendance-clock{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.attendance-stats,.attendance-clock{grid-template-columns:1fr}.month-input{width:100%}}.staff-dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-today-block{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-today-block>div{background:#f8f9fc;border:1px solid #f0f1f5;border-radius:11px;padding:13px}.staff-today-block span,.staff-today-block strong{display:block}.staff-today-block span{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#8d95a5;font-weight:700}.staff-today-block strong{font-size:13px;margin-top:5px}.staff-today-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}@media (max-width:900px){.staff-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.staff-dashboard-stats,.staff-today-block{grid-template-columns:1fr}}.frameary-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.frameary-toolbar{margin-bottom:16px}.frameary-board-wrap{overflow-x:auto;padding-bottom:10px}.frameary-board{display:grid;grid-template-columns:repeat(8,minmax(275px,1fr));gap:12px;min-width:2240px;align-items:start}.frameary-column{background:#eef0f5;border:1px solid #e1e4eb;border-radius:14px;padding:10px;min-height:430px}.frameary-column-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 11px}.frameary-column-head>div{display:flex;align-items:center;gap:8px}.frameary-column-head strong{font-size:11px}.frameary-column-head b{width:24px;height:24px;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:9px;color:#6d7587}.frameary-dot{width:8px;height:8px;border-radius:50%;background:#8d95a5}.fs-received{background:#8290a8}.fs-design{background:#7a64df}.fs-customer_approval{background:#d5a039}.fs-printing{background:#4f8fcf}.fs-framing{background:#b56e42}.fs-ready{background:#35a66f}.fs-delivered{background:#168257}.fs-cancelled{background:#c84f5c}.frameary-column-cards{display:flex;flex-direction:column;gap:9px}.frameary-card{background:#fff;border:1px solid #e3e6ec;border-radius:13px;padding:13px;box-shadow:0 2px 8px #1e293b08}.frameary-overdue{border-left:3px solid #cf3f4f}.frameary-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.frameary-card h3{font-size:13px;margin:5px 0 0}.payment-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800}.pay-unpaid{background:#fff0f2;color:#b43746}.pay-partial{background:#fff5df;color:#946900}.pay-paid{background:#e9f8f1;color:#18714a}.frameary-products{display:flex;flex-direction:column;gap:7px;margin:13px 0;padding:10px;background:#f8f9fc;border-radius:10px}.frameary-products strong,.frameary-products span{display:block}.frameary-products strong{font-size:10px}.frameary-products span,.frameary-products small{font-size:9px;color:#858d9f;margin-top:2px}.frameary-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.frameary-meta>div{padding:9px;background:#fafbfc;border:1px solid #f0f1f5;border-radius:9px}.frameary-meta span,.frameary-meta strong{display:block}.frameary-meta span{font-size:8px;text-transform:uppercase;color:#9299a8;font-weight:700;letter-spacing:.4px}.frameary-meta strong{font-size:10px;margin-top:4px}.frameary-note{font-size:9px;line-height:1.5;color:#6f7789;background:#fffdf4;border:1px solid #f4ecc9;border-radius:9px;padding:9px;margin:10px 0}.frameary-money{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.frameary-money>div{background:#f7f6ff;border-radius:9px;padding:8px}.frameary-money span,.frameary-money strong{display:block}.frameary-money span{font-size:8px;color:#837ba7}.frameary-money strong{font-size:10px;margin-top:3px}.status-control{margin-top:10px;font-size:9px;color:#7d8596}.status-control select{padding:8px 9px;font-size:10px;background:#fff}.frameary-actions{display:flex;gap:6px;margin-top:10px}.frameary-actions button{flex:1;font-size:9px;padding:8px}.frameary-items-wrap{padding:0 22px 18px}.frameary-item-row{display:grid;grid-template-columns:145px 125px 75px 110px minmax(140px,1fr) 90px 34px;gap:7px;align-items:center;margin-bottom:8px}.frameary-item-row input,.frameary-item-row select{min-width:0;padding:9px 10px}.frameary-item-row>strong{text-align:right;font-size:11px}.frameary-order-bottom{display:grid;grid-template-columns:1fr 280px;gap:22px;padding:0 22px 18px;align-items:start}.frameary-order-bottom>label{max-width:260px}.frameary-total-box{display:flex;flex-direction:column;gap:8px;background:#f8f9fc;border:1px solid #eef0f4;border-radius:12px;padding:13px}.frameary-total-box>div{display:flex;justify-content:space-between;font-size:11px}.frameary-total-box .grand{border-top:1px solid #e4e7ed;padding-top:9px;font-size:14px}.frameary-payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 22px 0}.frameary-payment-summary>div{background:#f8f9fc;border:1px solid #eef0f4;border-radius:11px;padding:13px}.frameary-payment-summary span,.frameary-payment-summary strong{display:block}.frameary-payment-summary span{font-size:9px;color:#858d9f}.frameary-payment-summary strong{font-size:16px;margin-top:5px}.frameary-payment-history{padding:0 22px 22px}.field-label{font-size:11px;font-weight:800;color:#3c4456;margin-bottom:9px}.payment-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef0f4;padding:11px 0}.payment-history-row strong,.payment-history-row span,.payment-history-row small{display:block}.payment-history-row strong{font-size:12px}.payment-history-row span,.payment-history-row small{font-size:9px;color:#858d9f;margin-top:3px}.danger-btn{border:1px solid #ffd5da;background:#fff5f6;color:#b43746;padding:9px 11px;border-radius:9px;font-weight:700;cursor:pointer}@media (max-width:1100px){.frameary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.frameary-item-row{grid-template-columns:1fr 1fr 80px 110px}.frameary-item-row input:nth-of-type(4){grid-column:1/-1}.frameary-item-row>strong{grid-column:3}.frameary-order-bottom{grid-template-columns:1fr}}@media (max-width:650px){.frameary-stats{grid-template-columns:1fr}.frameary-item-row{grid-template-columns:1fr 1fr}.frameary-item-row select{grid-column:1/-1}.frameary-item-row>strong{text-align:left;grid-column:auto}.frameary-payment-summary{grid-template-columns:1fr}.frameary-order-bottom,.frameary-items-wrap,.frameary-payment-history{padding-left:17px;padding-right:17px}}.frameary-board-wrap{overflow-x:visible;padding-bottom:0}.frameary-board{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;gap:12px}.frameary-column{min-width:0;min-height:360px}.staff-production-control{margin-top:10px;padding-top:10px;border-top:1px solid #eef0f4;display:flex;flex-direction:column;gap:8px}.staff-production-control>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.staff-production-control span{font-size:8px;text-transform:uppercase;letter-spacing:.45px;color:#8b93a4;font-weight:800}.staff-production-control strong{font-size:10px;color:#30384a}.staff-production-control small{font-size:9px;color:#7c8495}.staff-next-status{width:100%;padding:9px 10px;font-size:10px}@media (max-width:1450px){.frameary-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.frameary-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.frameary-board{grid-template-columns:1fr}.frameary-column{min-height:0}}.stage7-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.stage7-tabs{display:flex;gap:8px;margin:16px 0}.stage7-tabs button{border:1px solid #e1e4eb;background:#fff;color:#6c7486;border-radius:10px;padding:9px 14px;font-size:11px;font-weight:800;cursor:pointer}.stage7-tabs button.active{background:#eceaff;color:#5f4de0;border-color:#d9d3ff}.stage7-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}.stage7-business-card{border:1px solid #e7e9ef;border-radius:14px;padding:15px;background:#fff}.stage7-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.stage7-card-top h3{font-size:14px;margin:5px 0}.stage7-business-card>p{font-size:10px;color:#7b8496;line-height:1.5;min-height:30px}.stage7-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.stage7-card-meta>div{background:#f8f9fc;border:1px solid #f0f1f5;border-radius:9px;padding:9px}.stage7-card-meta span,.stage7-card-meta strong{display:block}.stage7-card-meta span{font-size:8px;color:#9098a8;text-transform:uppercase;font-weight:800}.stage7-card-meta strong{font-size:11px;margin-top:4px}.stage7-full-btn{width:100%;margin-top:12px}.stage7-progress{width:95px;height:6px;background:#edf0f5;border-radius:999px;overflow:hidden}.stage7-progress span{display:block;height:100%;background:#7867ff;border-radius:inherit}.stage7-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;text-transform:capitalize;white-space:nowrap}.c-active,.d-paid,.cert-yes{background:#e9f8f1;color:#18714a}.c-completed{background:#edf6ff;color:#2c6a9d}.c-paused,.d-pending{background:#fff5df;color:#946900}.c-cancelled,.d-failed,.cert-no{background:#eef0f5;color:#60697b}.d-refunded{background:#f0efff;color:#6654df}.stage7-check{flex-direction:row;align-items:center}.stage7-check input{width:auto}.stage7-payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 22px 0}.stage7-payment-summary>div{background:#f8f9fc;border:1px solid #eef0f4;border-radius:11px;padding:13px}.stage7-payment-summary span,.stage7-payment-summary strong{display:block}.stage7-payment-summary span{font-size:9px;color:#858d9f}.stage7-payment-summary strong{font-size:16px;margin-top:5px}.stage7-history{padding:5px 22px 22px}.stage7-products-panel{margin-bottom:16px}.stage7-product-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stage7-product-mini{border:1px solid #eceef3;background:#fafbfc;border-radius:11px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.stage7-product-mini>div strong,.stage7-product-mini>div span{display:block}.stage7-product-mini>div strong{font-size:11px}.stage7-product-mini>div span{font-size:9px;color:#858d9f;margin-top:3px}.stage7-product-mini>b{font-size:12px;color:#312a73}.stage7-product-mini button{grid-column:1/-1;padding:7px;font-size:9px}.stage7-inline-btn{margin-left:7px;border:0;background:#eceaff;color:#5f4de0;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:800;cursor:pointer}.money-warning{color:#946900;font-weight:700}@media (max-width:1200px){.stage7-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stage7-card-grid,.stage7-product-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.stage7-stats,.stage7-card-grid,.stage7-product-strip{grid-template-columns:1fr}.stage7-tabs{overflow:auto}.stage7-payment-summary{grid-template-columns:1fr}}.complete-btn{background:#ede9fe!important;color:#6d4aff!important;border-color:#c4b5fd!important;font-weight:700!important}.report-controls{display:flex;gap:9px;align-items:center}.report-controls select{min-width:150px;background:#fff}.report-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.report-top-grid{grid-template-columns:2fr 1fr}.report-snapshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.report-section{margin-top:16px}.report-panel-pad{padding:18px 19px 0;margin-bottom:10px}.report-legend{display:flex;gap:13px;font-size:9px;color:#778094;font-weight:700}.report-legend span{display:flex;align-items:center;gap:6px}.report-legend i{display:block;width:9px;height:9px;border-radius:3px}.legend-revenue{background:#7867ff}.legend-expense{background:#f2a85d}.report-trend-chart{height:235px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;padding:8px 4px 0}.trend-month{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:5px;min-width:0;text-align:center}.trend-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;border-bottom:1px solid #e9ebf0;padding:0 5px}.trend-bar{width:min(24px,32%);border-radius:5px 5px 1px 1px;min-height:0;transition:.2s}.trend-bar.revenue{background:linear-gradient(180deg,#8d7dff,#6757ff)}.trend-bar.expense{background:linear-gradient(180deg,#ffc685,#ef9c46)}.trend-month strong{font-size:10px;color:#4a5264}.trend-month small{font-size:8px;color:#9299a8;white-space:nowrap}.report-total-label{font-size:16px}.report-mix-list{display:flex;flex-direction:column;gap:17px}.report-mix-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:7px}.report-mix-head span{color:#697286}.report-mix-head strong{color:#252d40}.report-bar-track{height:7px;background:#edf0f5;border-radius:999px;overflow:hidden;min-width:80px}.report-bar-fill{display:block;height:100%;border-radius:inherit;background:#7867ff}.report-bar-fill.tone-1{background:#b56e42}.report-bar-fill.tone-2{background:#35a66f}.report-bar-fill.tone-3{background:#4f8fcf}.report-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.report-kpi-row>div{padding:12px 10px;background:#f8f9fc;border:1px solid #eef0f4;border-radius:11px}.report-kpi-row span,.report-kpi-row strong{display:block}.report-kpi-row span{font-size:8px;color:#8991a2;text-transform:uppercase;font-weight:800;letter-spacing:.35px}.report-kpi-row strong{font-size:15px;margin-top:6px}.report-table-progress{display:flex;align-items:center;gap:8px;min-width:130px}.report-table-progress .report-bar-track{flex:1}.report-table-progress span{font-size:9px;color:#727b8e;min-width:30px}.report-status-list{display:flex;flex-direction:column;gap:11px}.report-status-list>div>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:5px}.report-status-list span{color:#697286}.report-ranking-list{display:flex;flex-direction:column}.report-ranking-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #eef0f4;align-items:center}.report-ranking-list>div:last-child{border:0}.report-ranking-list strong,.report-ranking-list span,.report-ranking-list b,.report-ranking-list small{display:block}.report-ranking-list strong{font-size:11px}.report-ranking-list span{font-size:9px;color:#858d9f;margin-top:4px}.report-ranking-list>div>div:last-child{text-align:right}.report-ranking-list b{font-size:11px}.report-ranking-list small{font-size:8px;color:#946900;margin-top:4px}.money-negative{color:#b43746!important}.report-page table{min-width:850px}@media (max-width:1300px){.report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.report-bottom-grid{grid-template-columns:1fr 1fr}.report-bottom-grid>section:first-child{grid-column:1/-1}}@media (max-width:1050px){.report-top-grid,.report-snapshot-grid,.report-bottom-grid{grid-template-columns:1fr}.report-bottom-grid>section:first-child{grid-column:auto}}@media (max-width:700px){.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-controls{width:100%}.report-controls select,.report-controls button{flex:1;min-width:0}.report-trend-chart{height:200px;gap:5px}.trend-bars{gap:2px;padding:0 2px}.report-kpi-row{grid-template-columns:1fr 1fr}}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}.settings-tabs button{border:1px solid #e1e4eb;background:#fff;color:#697286;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:800;cursor:pointer}.settings-tabs button.active{background:#eceaff;border-color:#d9d3ff;color:#5f4de0}.settings-panel{margin-bottom:16px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-form.one-col{grid-template-columns:1fr}.settings-form .full{grid-column:1/-1}.settings-form label small{font-size:9px;color:#858d9f;font-weight:500}.settings-note{display:flex;gap:10px;align-items:flex-start;background:#f8f7ff;border:1px solid #e9e5ff;border-radius:11px;padding:12px 13px}.settings-note strong,.settings-note span{display:block}.settings-note strong{font-size:10px;color:#594cd0;white-space:nowrap}.settings-note span{font-size:9px;color:#737b8e;line-height:1.45}.settings-pad{padding:18px 19px 0}.settings-footnote{padding:12px 18px 16px;border-top:1px solid #f0f1f5;color:#81899a;font-size:9px}.access-table{min-width:760px}.access-table select{padding:8px 10px;min-width:110px}.access-toggle{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:10px}.access-toggle input{width:auto}.you-pill{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:999px;background:#eceaff;color:#5f4de0;font-size:8px}.activity-list{display:flex;flex-direction:column;max-height:650px;overflow:auto}.activity-row{display:flex;gap:12px;padding:14px 18px;border-top:1px solid #f0f1f5}.activity-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:#f1efff;color:#6554df;font-weight:800}.activity-copy{min-width:0;flex:1}.activity-copy>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px}.activity-copy strong{font-size:11px;color:#232b3d}.activity-copy b{font-size:10px}.activity-copy em{font-style:normal;color:#5f6779}.activity-copy small{display:block;margin-top:5px;color:#8991a2;font-size:9px}.role-chip{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:7px;font-weight:800;text-transform:uppercase}.role-admin{background:#eceaff;color:#5f4de0}.role-manager{background:#edf6ff;color:#2c6a9d}.role-staff{background:#e9f8f1;color:#18714a}.role-system{background:#eef0f5;color:#60697b}.settings-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-page .panel-head{margin-bottom:18px}@media (max-width:850px){.settings-form,.settings-profile-grid{grid-template-columns:1fr}.settings-form .full{grid-column:auto}.settings-tabs{overflow:auto;flex-wrap:nowrap}.settings-tabs button{white-space:nowrap}}.portal-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.portal-active{background:#e9f8f1;color:#18714a}.portal-invited{background:#fff5df;color:#946900}.portal-none{background:#eef0f5;color:#6c7486}.approval-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.approval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px}.approval-card{border:1px solid #e8eaf0;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #1f2a440d;min-width:0}.approval-preview{display:block;width:100%;height:230px;object-fit:contain;background:#0f1320}.approval-preview-empty{height:180px;display:grid;place-items:center;background:#f2f3f7;color:#8c93a3;font-size:11px}.approval-document-link{height:180px;display:grid;place-items:center;background:#f7f6ff;color:#5f4de0;text-decoration:none;font-weight:800}.approval-card-body{padding:14px}.approval-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.approval-project{font-size:9px;color:#7b8496;font-weight:700}.approval-card h3,.client-review-card h2{margin:4px 0 0;font-size:15px;color:#20283b}.approval-card h3 small,.client-review-card h2 small{font-size:9px;color:#8b93a4}.approval-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.approval-draft{background:#eef0f5;color:#60697b}.approval-awaiting_approval{background:#fff5df;color:#946900}.approval-changes_requested{background:#fff0f2;color:#b43746}.approval-approved{background:#e9f8f1;color:#18714a}.approval-posted{background:#edf6ff;color:#2c6a9d}.approval-archived{background:#f2f3f7;color:#747c8c}.approval-caption{font-size:11px;line-height:1.5;color:#596174;background:#fafbfc;border-radius:9px;padding:10px;margin:12px 0}.approval-meta{display:flex;justify-content:space-between;gap:10px;color:#8890a0;font-size:9px;margin-top:10px}.approval-comments{display:flex;flex-direction:column;gap:8px;margin-top:12px}.approval-comment{padding:9px 10px;border-radius:9px;background:#f7f8fb;border:1px solid #eceef3}.approval-comment strong,.approval-comment span,.approval-comment small{display:block}.approval-comment strong{font-size:9px;color:#4b5365}.approval-comment span{font-size:10px;margin-top:4px;line-height:1.45;color:#596174}.approval-comment small{font-size:8px;color:#9299a8;margin-top:5px}.comment-changes_requested{background:#fff7f8;border-color:#ffe0e4}.comment-approval{background:#f2fbf7;border-color:#d9f1e5}.approval-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:13px;align-items:center}.checkbox-line{flex-direction:row;align-items:center}.checkbox-line input{width:auto}.client-portal-shell{min-height:100vh;background:#f6f7fb}.client-portal-header{height:70px;background:#101523;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.client-portal-brand,.client-portal-user{display:flex;align-items:center;gap:12px}.client-portal-brand strong,.client-portal-brand span,.client-portal-user strong,.client-portal-user span{display:block}.client-portal-brand strong{font-size:13px;letter-spacing:1px}.client-portal-brand span,.client-portal-user span{font-size:9px;color:#969eb0;margin-top:2px}.client-portal-user{text-align:right}.client-portal-user strong{font-size:11px}.client-portal-main{max-width:1240px;margin:auto;padding:34px 28px 60px}.client-welcome{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.client-welcome h1{font-size:32px;margin:6px 0}.client-welcome p{max-width:720px;color:#71798b;font-size:13px;line-height:1.6}.client-portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.client-portal-stats>div{background:#fff;border:1px solid #e8eaf0;border-radius:14px;padding:18px}.client-portal-stats span,.client-portal-stats strong{display:block}.client-portal-stats span{font-size:10px;color:#7c8497}.client-portal-stats strong{font-size:24px;margin-top:9px}.client-portal-tabs{display:flex;gap:8px;margin-bottom:16px}.client-portal-tabs button{border:1px solid #e0e3ea;background:#fff;border-radius:10px;padding:10px 13px;font-weight:800;font-size:10px;cursor:pointer}.client-portal-tabs button.active{background:#eceaff;color:#5f4de0;border-color:#d8d2ff}.client-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-review-card{background:#fff;border:1px solid #e8eaf0;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #1f2a4410}.client-review-body{padding:17px}.client-review-body>p{font-size:11px;color:#5d6576;line-height:1.5}.client-review-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.client-empty{background:#fff;border:1px solid #e8eaf0;border-radius:15px;text-align:center;padding:65px 20px;color:#7c8497}.client-empty h3{color:#293044;margin:8px 0}.client-empty p{font-size:11px}.role-client{background:#fff5df;color:#946900}.office-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.office-devices-panel{grid-column:1/-1}.office-network-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.office-network-card>div{background:#f8f9fc;border:1px solid #edf0f4;border-radius:10px;padding:12px}.office-network-card span,.office-network-card strong{display:block}.office-network-card span{font-size:8px;text-transform:uppercase;color:#8b93a4;font-weight:800}.office-network-card strong{font-size:12px;margin-top:5px}.green-text{color:#18714a}.device-token-box{margin-top:14px;background:#111827;color:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px}.device-token-box strong{font-size:11px}.device-token-box code{font-size:9px;word-break:break-all;background:#ffffff12;padding:9px;border-radius:8px}.device-token-box span{font-size:9px;color:#b8bfcd}.auto-attendance-badge{display:inline-flex;align-items:center;padding:9px 11px;border-radius:9px;background:#fff5df;color:#946900;font-size:9px;font-weight:800}.auto-attendance-badge.active{background:#e9f8f1;color:#18714a}@media (max-width:1200px){.approval-grid,.approval-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:850px){.approval-grid,.client-review-grid,.office-settings-grid{grid-template-columns:1fr}.office-devices-panel{grid-column:auto}.client-portal-header{padding:0 16px}.client-portal-user>div{display:none}.client-portal-main{padding:24px 16px}.client-welcome{flex-direction:column}.client-portal-stats,.approval-stats{grid-template-columns:1fr}.approval-preview{height:200px}}.office-manual-actions{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.office-manual-actions small{font-size:8px;color:#7c8497;white-space:nowrap}.attendance-policy-note{margin:-2px 0 16px}.attendance-policy-note strong{min-width:92px}@media (max-width:760px){.office-manual-actions{align-items:flex-start}.office-manual-actions small{white-space:normal}.office-settings-grid{grid-template-columns:1fr}}.client-revision-task-flag{margin-top:10px;padding:9px 10px;border:1px solid #fecaca;background:#fff5f5;border-radius:9px;display:flex;flex-direction:column;gap:3px;color:#991b1b}.client-revision-task-flag strong{font-size:11px;letter-spacing:.01em}.client-revision-task-flag span{font-size:11px;line-height:1.35;color:#b42318}.client-revision-modal-note{padding:13px 14px;border:1px solid #fecaca;background:#fff5f5;border-radius:10px;display:flex;flex-direction:column;gap:5px;color:#991b1b}.client-revision-modal-note strong{font-size:13px}.client-revision-modal-note span{font-size:13px;line-height:1.45}.client-revision-modal-note small{font-size:11px;color:#b45309}.revision-version-banner{padding:12px 14px;border:1px solid #ddd6fe;background:#f7f5ff;border-radius:10px;display:flex;flex-direction:column;gap:4px}.revision-version-banner strong{font-size:13px;color:#5b3df5}.revision-version-banner span{font-size:12px;line-height:1.4;color:#6b7280}.revision-waiting-client{margin-top:12px;padding:12px 14px;border:1px solid #fde68a;background:#fffbeb;border-radius:10px;display:flex;flex-direction:column;gap:4px}.revision-waiting-client strong{font-size:13px;color:#92400e}.revision-waiting-client span{font-size:12px;color:#a16207;line-height:1.4}.break-actions{margin-left:6px}.attendance-today-card .attendance-clock{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:760px){.attendance-today-card .attendance-clock{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-today-attendance{margin-top:16px}.admin-today-head{align-items:flex-start;gap:18px}.admin-today-head p{margin-top:4px;color:var(--muted,#7b849b)}.admin-today-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.today-count,.today-state{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}.today-count b{font-size:14px}.today-count.working,.ts-working{background:#e9f8ef;color:#157a43}.today-count.break,.ts-break{background:#fff4d9;color:#966100}.today-count.halfday,.ts-halfday{background:#fff3cd;color:#8a5a00}.today-count.out,.ts-out{background:#eaf1ff;color:#365ca8}.today-count.missing,.ts-missing{background:#f1f3f7;color:#677086}.ts-leave,.ts-wfh{background:#eee9ff;color:#6650b9}.today-count.absent,.ts-absent{background:#ffe8e8;color:#b33c3c}.today-count.holiday,.ts-holiday{background:#eef2f7;color:#4b5563}@media (max-width:900px){.admin-today-head{display:block}.admin-today-counts{justify-content:flex-start;margin-top:12px}}.attendance-time-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.attendance-timing-flag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap}.attendance-timing-flag.late{background:#ffe8e8;color:#b42318}.attendance-timing-flag.early{background:#fff3cd;color:#8a5a00}