*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w: 240px;--bg: #f1f5f9;--card: #ffffff;--border: #e2e8f0;--primary: #6366f1;--primary-hover: #4f46e5;--danger: #ef4444;--danger-hover: #dc2626;--text: #1e293b;--text-secondary: #64748b;--sidebar-bg: #0f172a;--sidebar-text: #94a3b8;--sidebar-active: #6366f1;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid #1e293b}.brand-icon{font-size:24px;color:var(--primary)}.brand-name{color:#f1f5f9;font-size:15px;font-weight:700}.brand-sub{color:var(--sidebar-text);font-size:11px}.sidebar-nav{flex:1;padding:16px 8px}.nav-section-label{color:#475569;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:0 8px;margin-bottom:6px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--sidebar-text);text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;margin-bottom:2px}.nav-link:hover{background:#1e293b;color:#e2e8f0}.nav-link.active{background:#6366f126;color:var(--primary)}.sidebar-footer{padding:16px;border-top:1px solid #1e293b}.admin-info{display:flex;align-items:center;gap:10px;margin-bottom:10px}.admin-avatar{width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.admin-name{color:#e2e8f0;font-size:13px;font-weight:600}.admin-role{color:var(--sidebar-text);font-size:11px}.logout-btn{width:100%;padding:7px;border-radius:6px;border:1px solid #334155;background:transparent;color:var(--sidebar-text);cursor:pointer;font-size:13px;transition:background .15s,color .15s}.logout-btn:hover{background:#1e293b;color:#f1f5f9}.main-content{margin-left:var(--sidebar-w);flex:1;padding:28px;min-height:100vh}.page{max-width:1100px}.page-wide,.page-wide .overview{max-width:1280px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-title{font-size:22px;font-weight:700}.page-sub{color:var(--text-secondary);font-size:13px;margin-top:2px}.back-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;margin-bottom:6px;padding:0}.back-btn:hover{text-decoration:underline}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#f8fafc;border-bottom:1px solid var(--border)}.table td{padding:11px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fafbff}.empty-row{text-align:center;color:var(--text-secondary);padding:32px 0!important}.truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-secondary{color:var(--text-secondary)}.link{color:var(--primary);text-decoration:none}.link:hover{text-decoration:underline}.user-cell{display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.app-name{font-weight:500}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.badge-admin{background:#ede9fe;color:#7c3aed}.badge-user{background:#f1f5f9;color:#475569}.badge-active{background:#dcfce7;color:#16a34a}.badge-inactive{background:#fee2e2;color:#dc2626}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:13.5px;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:#f1f5f9;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-danger{background:#fee2e2;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-sm{padding:5px 11px;font-size:12px}.btn-full{width:100%}.row-actions{display:flex;gap:6px}.tab-bar{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab-btn{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.screenshot-card{display:block;border-radius:6px;overflow:hidden;border:1px solid var(--border);text-decoration:none;transition:box-shadow .15s}.screenshot-card:hover{box-shadow:0 4px 12px #0000001f}.screenshot-card img{width:100%;height:120px;object-fit:cover;display:block}.screenshot-time{padding:6px 8px;font-size:11px;color:var(--text-secondary);background:#f8fafc}.empty-block{padding:32px;text-align:center;color:var(--text-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.page-info{color:var(--text-secondary);font-size:13px}.alert{padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.alert-error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:var(--text)}.form-group input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-check{display:flex;align-items:center;gap:8px;margin-bottom:16px}.form-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.form-check label{font-size:13px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--card);border-radius:10px;width:440px;max-width:95vw;box-shadow:0 20px 40px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;font-weight:700}.modal-close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-secondary);line-height:1}.modal-close:hover{color:var(--text)}.modal-form{padding:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b)}.login-card{background:var(--card);border-radius:12px;padding:36px 32px;width:380px;max-width:95vw;box-shadow:0 24px 48px #0003}.login-header{text-align:center;margin-bottom:24px}.login-icon{font-size:32px;color:var(--primary)}.login-header h1{font-size:22px;font-weight:700;margin:8px 0 4px}.login-header p{color:var(--text-secondary);font-size:13.5px}.login-form .btn{margin-top:4px}.table-toolbar,.overview-toolbar{display:flex;align-items:flex-end;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:#f8fafc}.overview-toolbar{padding:0 0 16px;border-bottom:none;background:transparent}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.filter-group input[type=date]{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13.5px;color:var(--text);outline:none;background:#fff}.filter-group input[type=date]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.overview{max-width:1100px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:4px}.stat-accent{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:transparent}.stat-accent .stat-label,.stat-accent .stat-value{color:#fff}.stat-accent-green{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent}.stat-accent-green .stat-label,.stat-accent-green .stat-value{color:#fff}.stat-accent-green .stat-bar{background:#ffffff4d}.stat-accent-green .stat-bar-fill{background:#fff}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.stat-value{font-size:26px;font-weight:700;color:var(--text);line-height:1.1}.stat-foot{font-size:11px;color:var(--text-secondary)}.stat-bar{height:6px;border-radius:999px;background:#ffffff4d;margin-top:8px;overflow:hidden}.stat-bar-fill{height:100%;background:#fff;border-radius:999px;transition:width .3s}.overview-row{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.overview-panel{padding:0}.panel-head{padding:12px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);background:#f8fafc}.panel-count{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#e2e8f0;color:var(--text-secondary);font-size:11px;font-weight:700}.pagination-inline{padding:12px 16px;margin-top:0;border-top:1px solid var(--border)}.punch-row{display:flex;gap:32px;padding:18px 16px}.punch-row>div{display:flex;flex-direction:column;gap:4px}.punch-time{font-size:20px;font-weight:700}.app-bars{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.app-bar-row{display:grid;grid-template-columns:130px 1fr 52px 110px;align-items:center;gap:10px}.app-bar-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-kind{margin-right:5px;font-size:11px}.app-bar-track{height:8px;border-radius:999px;background:#f1f5f9;overflow:hidden}.app-bar-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .3s}.app-bar-fill.fill-productive{background:#16a34a}.app-bar-fill.fill-unproductive{background:#dc2626}.app-bar-fill.fill-neutral{background:#94a3b8}.app-bar-count{font-size:12px;color:var(--text-secondary);text-align:right}.rating-select{font-size:11px;font-weight:600;padding:3px 6px;border-radius:6px;border:1px solid var(--border);cursor:pointer;text-transform:capitalize;outline:none}.rating-productive{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}.rating-unproductive{background:#fee2e2;color:#dc2626;border-color:#fecaca}.rating-neutral{background:#f1f5f9;color:#475569}.badge-rating{text-align:center}.breakdown{padding:16px}.breakdown-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:#f1f5f9}.breakdown-bar .seg{min-width:0}.seg-prod{background:#16a34a}.seg-neutral{background:#94a3b8}.seg-unprod{background:#dc2626}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px;color:var(--text-secondary)}.legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}.dot-prod{background:#16a34a}.dot-neutral{background:#94a3b8}.dot-unprod{background:#dc2626}.mini-bar-wrap{display:flex;align-items:center;gap:8px;min-width:90px}.mini-bar{flex:1;height:6px;border-radius:999px;background:#f1f5f9;overflow:hidden}.mini-bar-fill{height:100%;border-radius:999px}.mini-bar-label{font-size:12px;color:var(--text-secondary);width:34px;text-align:right}@media (max-width: 720px){.overview-row{grid-template-columns:1fr}}.period-switch{display:inline-flex;background:#fff;border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px}.period-btn{padding:6px 14px;border:none;background:none;cursor:pointer;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:background .15s,color .15s}.period-btn:hover{color:var(--text)}.period-btn.active{background:var(--primary);color:#fff}.donut-wrap{display:flex;align-items:center;gap:24px;padding:20px 16px;flex-wrap:wrap}.donut-num{font-size:22px;font-weight:700;fill:var(--text)}.donut-cap{font-size:10px;fill:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.legend-col{flex-direction:column;gap:8px}.chart-row{cursor:pointer}.chart-row:hover .app-bar-name{color:var(--primary)}.app-bar-row.chart-row{grid-template-columns:150px 1fr 52px}.table-clickable tbody tr{cursor:pointer}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text)}.sort-hint{margin-left:10px;font-size:11px;font-weight:400;color:var(--text-secondary)}.dt-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.day-nav{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:4px 6px}.day-nav input[type=date]{border:none;outline:none;font-size:14px;font-weight:600;color:var(--text);background:transparent}.day-nav-btn{width:26px;height:26px;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;font-size:16px;line-height:1;color:var(--text)}.day-nav-btn:hover:not(:disabled){background:#e2e8f0}.day-nav-btn:disabled{opacity:.4;cursor:not-allowed}.dt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.dt-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:16px 18px 22px;min-height:104px;display:flex;flex-direction:column;gap:10px}.dt-card-top{display:flex;align-items:center;justify-content:space-between}.dt-card-label{font-size:13px;font-weight:600;color:var(--text)}.dt-help{width:16px;height:16px;border:1px solid var(--border);border-radius:50%;font-size:10px;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:help;flex-shrink:0}.dt-card-value{font-size:30px;font-weight:700;color:var(--text);line-height:1;position:relative;z-index:1}.dt-card-green .dt-card-value{color:#16a34a}.dt-card-indigo .dt-card-value{color:var(--primary)}.dt-spark{position:absolute;left:0;right:0;bottom:0;width:100%;height:38px;z-index:0}.pbar-card{padding:16px 18px 18px}.pbar{margin-top:8px}.pbar-track{display:flex;align-items:flex-end;gap:2px;height:150px;padding:0 2px}.pbar-col{flex:1 1 0;height:100%;display:flex;align-items:flex-end;min-width:0}.pbar-bar{width:100%;border-radius:2px 2px 0 0;background:#e2e8f0;transition:height .2s}.pbar-bar.pbar-productive{background:#16a34a}.pbar-bar.pbar-neutral{background:#94a3b8}.pbar-bar.pbar-unproductive{background:#f0663f}.pbar-bar.pbar-idle{background:#e2e8f0}.pbar-bar.pbar-none{background:transparent}.pbar-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--text-secondary)}.pbar-legend{margin-top:14px}.dot-idle{background:#e2e8f0}.app-section{margin-bottom:16px;padding:0}.app-section-head{padding:12px 18px;font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.app-section-head.tone-green{background:#6bbf4a}.app-section-head.tone-orange{background:#f0663f}.app-section-head.tone-gray{background:#94a3b8}.app-section-count{background:#ffffff40;border-radius:999px;padding:1px 9px;font-size:11px}.app-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1px;background:var(--border)}.app-section-row{display:flex;align-items:center;gap:10px;padding:11px 18px;background:#fff}.app-section-name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-section-time{font-size:13px;color:var(--text-secondary);font-weight:500}.app-section-row.is-selected{background:#eef2ff}.app-check{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.app-section-selectall{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;cursor:pointer}.app-section-selectall input{width:14px;height:14px;cursor:pointer;accent-color:#fff}.bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#eef2ff;border-bottom:1px solid var(--border)}.bulk-count{font-size:13px;font-weight:600;color:var(--text)}@media (max-width: 900px){.dt-stats{grid-template-columns:repeat(2,1fr)}.app-section-grid{grid-template-columns:1fr}}.company-top{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:18px}.company-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.company-kpis .dt-card{min-height:92px;padding:14px 16px 18px}.company-kpis .dt-card-value{font-size:24px}.pbar-axis-spread{gap:0}.lb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.lb-card{display:flex;flex-direction:column;padding:0}.lb-head{padding:14px 18px 10px;font-size:15px;font-weight:700}.lb-body{flex:1;padding:0 18px}.lb-row{display:flex;align-items:center;gap:11px;padding:9px 0;cursor:pointer;border-radius:6px}.lb-row:hover .lb-name{color:var(--primary);text-decoration:underline}.lb-info{display:flex;flex-direction:column;min-width:0}.lb-name{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-sub{font-size:12px;color:var(--text-secondary)}.lb-empty{padding:14px 0;color:var(--text-secondary);font-size:13px}.lb-viewall{padding:12px 18px;border-top:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-secondary);cursor:pointer}.lb-viewall:hover{color:var(--primary)}@media (max-width: 1000px){.company-top,.lb-grid{grid-template-columns:1fr}}.users-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:9px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;outline:none}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.seg-filter{display:inline-flex;background:#fff;border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px}.seg-btn{padding:6px 12px;border:none;background:none;cursor:pointer;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:#f1f5f9;color:var(--text)}.user-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.user-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px;cursor:pointer;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:14px}.user-card:hover{box-shadow:0 6px 18px #0000001a;border-color:#cbd5e1}.user-card-head{display:flex;align-items:center;gap:11px}.avatar-lg{width:40px;height:40px;font-size:16px}.user-card-id{flex:1;min-width:0}.user-card-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-email{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px;padding:12px;background:#f8fafc;border-radius:8px}.ucs{display:flex;flex-direction:column;gap:2px}.ucs-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.ucs-val{font-size:15px;font-weight:700;color:var(--text)}.user-card-meters{display:flex;flex-direction:column;gap:9px}.meter-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.meter-track{height:7px;border-radius:999px;background:#f1f5f9;overflow:hidden}.meter-fill{height:100%;border-radius:999px;transition:width .3s}.user-card-empty{padding:18px;text-align:center;color:var(--text-secondary);font-size:13px;background:#f8fafc;border-radius:8px}.user-card-foot{display:flex;gap:8px;margin-top:auto}.user-card-foot .btn{flex:1}.loading-block{padding:40px;text-align:center;color:var(--text-secondary)}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-topbar,.sidebar-close,.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-topbar{display:flex;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;height:52px;z-index:90;background:var(--sidebar-bg);padding:0 14px}.mobile-topbar .brand-name{color:#f1f5f9;font-size:16px;font-weight:700}.hamburger{background:none;border:none;color:#e2e8f0;font-size:22px;cursor:pointer;line-height:1;padding:4px 6px}.sidebar{transform:translate(-100%);transition:transform .25s ease;width:268px;z-index:200}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000059}.sidebar-close{display:inline-block;margin-left:auto;background:none;border:none;color:var(--sidebar-text);font-size:15px;cursor:pointer;padding:4px}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:150}.main-content{margin-left:0;padding:68px 14px 24px}.page,.page-wide{max-width:100%}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header>.btn,.page-header .btn-primary{width:100%}.users-toolbar,.overview-toolbar,.dt-toolbar,.table-toolbar{flex-direction:column;align-items:stretch;gap:10px}.users-toolbar>*,.overview-toolbar>*{width:100%}.period-switch,.seg-filter{width:100%}.period-switch .period-btn,.seg-filter .seg-btn{flex:1}.day-nav{justify-content:center}.bulk-bar{flex-wrap:wrap}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab-btn{white-space:nowrap;flex:0 0 auto}.dt-stats,.company-kpis,.stat-grid{grid-template-columns:repeat(2,1fr)}.user-cards{grid-template-columns:1fr}.table-scroll .table{min-width:560px}.modal{width:100%}}@media (max-width: 430px){.dt-card-value{font-size:22px}.user-card-stats{grid-template-columns:repeat(2,1fr)}.pbar-track{height:120px}}.balance-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.balance-card{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:16px}.balance-card-muted{background:#f8fafc}.balance-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.balance-num{margin:8px 0}.balance-rem{font-size:28px;font-weight:700;color:var(--text)}.balance-tot{font-size:15px;color:var(--text-secondary)}.balance-track{height:6px;border-radius:999px;background:#f1f5f9;overflow:hidden;margin-bottom:6px}.balance-fill{height:100%;background:var(--primary);border-radius:999px}.balance-sub{font-size:12px;color:var(--text-secondary)}.badge.leave-pending{background:#fef3c7;color:#b45309}.badge.leave-approved{background:#dcfce7;color:#16a34a}.badge.leave-rejected{background:#fee2e2;color:#dc2626}.badge.leave-cancelled{background:#f1f5f9;color:#64748b}.half-tag{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:600;color:var(--primary);background:#eef2ff;padding:1px 6px;border-radius:999px;text-transform:capitalize}.leave-tabs{margin-bottom:16px}.tab-count{display:inline-block;margin-left:6px;min-width:18px;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;text-align:center}.btn-approve{background:#dcfce7;color:#16a34a}.btn-approve:hover:not(:disabled){background:#bbf7d0}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.form-group select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--text);outline:none;background:#fff}.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}@media (max-width: 768px){.balance-cards{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column;gap:0}}.unpaid-flag{color:var(--danger);font-weight:700}.leave-hint{font-size:12.5px;color:var(--text-secondary);background:#f8fafc;border:1px solid var(--border);border-radius:6px;padding:9px 12px;margin:4px 0}.filter-inline{flex-direction:row;align-items:center;gap:8px}.filter-inline input[type=month]{padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:13.5px;background:#fff;outline:none}.filter-inline input[type=month]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.installer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.installer-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:14px}.installer-head{display:flex;align-items:center;gap:12px}.installer-icon{font-size:30px;line-height:1}.installer-name{font-size:17px;font-weight:700}.installer-note{font-size:12.5px;color:var(--text-secondary)}.installer-file{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:12px 14px}.installer-fname{font-weight:600;font-size:14px;margin:6px 0 2px;word-break:break-all}.installer-empty{background:#f8fafc;border:1px dashed var(--border);border-radius:10px;padding:16px;text-align:center;color:var(--text-secondary);font-size:13.5px}.installer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.upload-progress{display:flex;align-items:center;gap:10px}.upload-progress span{font-size:12px;color:var(--text-secondary);width:36px;text-align:right}.upload-bar{height:8px;border-radius:999px;background:var(--primary);flex:1;transition:width .15s;min-width:0}.upload-progress{background:#f1f5f9;border-radius:999px;padding:0}.upload-progress{position:relative}@media (max-width: 768px){.installer-grid{grid-template-columns:1fr}}