:root{--navy:#12204a;--navy2:#1c3471;--blue:#2563eb;--blue2:#3b82f6;--cyan:#06b6d4;--mint:#14b8a6;--bg:#f4f8ff;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#dbe7f5;--soft:#edf5ff;--good:#dcfce7;--danger:#fee2e2;--shadow:0 18px 45px rgba(15,23,42,.10);--radius:20px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f8fbff,#edf5ff);color:var(--ink);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.side{background:linear-gradient(180deg,var(--navy),var(--navy2));padding:18px;color:#e8f1ff;display:flex;flex-direction:column;gap:16px;box-shadow:8px 0 32px rgba(2,6,23,.15)}.brand{display:flex;align-items:center;gap:12px}.brand.big{margin-bottom:22px}.brand b,.brand h1{margin:0;font-weight:850;letter-spacing:-.04em}.brand span,.brand p{display:block;color:#bfd2ff;margin:2px 0 0}.mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(37,99,235,.3)}nav{display:flex;flex-direction:column;gap:6px}.nav,.logout{width:100%;border:0;text-align:left;padding:12px 14px;border-radius:14px;background:transparent;color:#dbeafe;cursor:pointer;font-weight:700}.nav:hover,.logout:hover{background:rgba(255,255,255,.10)}.nav.active{background:linear-gradient(135deg,#4f7fe3,#2857c8);color:#fff;box-shadow:0 12px 24px rgba(20,45,100,.28)}.logout{margin-top:auto}.main{padding:28px 32px 56px;overflow:auto}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.top h1{font-size:31px;line-height:1.1;margin:0 0 8px;letter-spacing:-.05em}.top p{margin:0;color:var(--muted)}.actions,.toolbar,.form-actions,.week-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:0;min-height:38px;padding:10px 15px;border-radius:13px;background:#eaf2ff;color:#173b80;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#2563eb,#0f55d8);color:#fff}.btn.good{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46}.btn.danger,.danger{background:#fee2e2;color:#991b1b}.btn.tiny{min-height:30px;padding:6px 10px;border-radius:10px}.wide{width:100%;justify-content:center;text-align:center}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;min-height:44px;padding:10px 13px;color:var(--ink)}.textarea{min-height:82px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:3px solid rgba(37,99,235,.15);border-color:#93b4ff}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#dbeafe,#f8fbff 55%)}.login-card{width:min(560px,100%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 32px 80px rgba(15,23,42,.18);display:grid;gap:16px}.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:14px;padding:12px 14px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat,.card,.summary>div,.calendar-panel{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:20px}.stat b{display:block;font-size:32px;letter-spacing:-.05em}.stat span,.muted,small{color:var(--muted)}.card{padding:20px;margin-bottom:18px}.card h2{margin:0 0 14px;font-size:20px;letter-spacing:-.04em}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.miniweek{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.miniweek button{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f5f9ff);border-radius:16px;padding:13px 8px;cursor:pointer}.miniweek strong,.miniweek b{display:block}.miniweek strong{color:var(--muted);font-size:12px}.miniweek b{font-size:18px;color:#1d4ed8}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px 14px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}.table th{background:#f4f8ff;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table small{display:block}.week th:first-child{min-width:260px}.cell{width:100%;min-height:42px;border:1px dashed #bfd3f4;border-radius:12px;background:#f8fbff;color:#2563eb;font-weight:850;cursor:pointer}.cell.has{border-style:solid;background:linear-gradient(180deg,#e0f2fe,#dbeafe);color:#173b80}.week-head{justify-content:space-between;margin-bottom:14px}.week-head h2{margin:0;font-size:22px}.strip{border:1px solid #cfe0f6;background:#eef6ff;border-radius:14px;padding:12px 14px;margin-bottom:14px;display:flex;gap:18px}.calendar-panel{padding:16px;overflow:auto}.calendar{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0}.calendar th,.calendar td{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar thead th{background:linear-gradient(180deg,#4779cc,#2f62b9);color:white;padding:12px 10px;text-align:center}.calendar thead th.today{background:linear-gradient(180deg,#2563eb,#1649bd)}.calendar thead th span{display:block;font-size:12px;opacity:.92}.calendar tbody th{width:90px;background:#f7fbff;color:#64748b;font-size:12px;text-align:right;padding:12px 10px;position:sticky;left:0;z-index:2}.calendar td{height:70px;background:#fff;position:relative;vertical-align:top;padding:6px;cursor:pointer}.calendar td:hover{background:#f0f7ff;box-shadow:inset 0 0 0 2px #93c5fd}.calendar .leave{height:38px;color:#475569;cursor:default}.plus{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:9px;border:1px dashed #93b7ff;background:#eff6ff;color:#2563eb;font-weight:900;z-index:3;cursor:pointer}.block{display:block;width:calc(100% - 34px);border:0;border-left:4px solid #2563eb;border-radius:10px;background:linear-gradient(180deg,#e0f2fe,#dbeafe);padding:6px 8px;text-align:left;color:#173b80;cursor:pointer;margin:2px 30px 4px 0}.block b,.block span,.block small{display:block}.block small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#334155}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.summary>div{padding:18px}.summary h3{margin:0 0 8px}.summary b{font-size:28px}.bars{height:260px;display:flex;align-items:end;gap:34px;padding:20px;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;min-width:56px}.bar{width:34px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#67e8f9,#2563eb)}.split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.tree details{margin:8px 0}.tree summary{cursor:pointer;font-weight:800;padding:8px;border-radius:10px}.tree p{margin:6px 0 6px 18px;color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px;background:#eaf2ff;color:#1d4ed8}.badge.approved,.badge.open{background:#dcfce7;color:#166534}.badge.rejected,.badge.disabled{background:#fee2e2;color:#991b1b}.badge.submitted{background:#fef3c7;color:#92400e}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:9999;padding:22px}.modal{width:min(980px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 40px 100px rgba(15,23,42,.35);padding:28px}.modal h2{margin:0 0 18px;font-size:26px}.version{font-size:12px;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:6px 9px;vertical-align:middle}.form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview{background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:12px}.empty{border:1px dashed #bfd3f4;background:#f8fbff;border-radius:16px;padding:24px;text-align:center;color:var(--muted)}#toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 14px 40px rgba(15,23,42,.25);opacity:0;transform:translateY(10px);transition:.2s;z-index:99999}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:1100px){.shell{grid-template-columns:1fr}.side{position:relative}.main{padding:22px}.stats,.grid2,.summary,.split{grid-template-columns:1fr}.miniweek{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:1fr}} .readonly-field{min-height:42px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#f8fbff;color:#10233f;font-weight:700} .cell.saved{outline:2px solid #22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.16)} .hintline{border:1px dashed #bfdbfe;background:#f8fbff;color:#334155;border-radius:14px;padding:10px 12px;margin:0 0 14px;font-weight:650} .week thead small{display:block;text-transform:none;letter-spacing:0;font-size:11px;margin-top:3px;color:#2563eb;font-weight:800} .cell-summary{display:grid;gap:4px;background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px} .cell-summary b{font-size:17px}.cell-summary span{color:#475569} /* V21 QA standard additions */ .report-bars{display:grid;gap:12px}.report-row{display:grid;grid-template-columns:minmax(160px,260px) 1fr 70px;align-items:center;gap:12px}.report-row span{font-weight:700;color:#18243a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-row div{height:12px;border-radius:999px;background:#eaf1ff;overflow:hidden}.report-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4)}.report-row b{text-align:right}.pill{display:inline-flex;margin-left:8px;padding:2px 8px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:11px}.cell-summary{display:grid;gap:6px;padding:12px;border:1px solid #dbe7ff;border-radius:16px;background:#f8fbff;margin-bottom:14px}.readonly-field{padding:13px 14px;border:1px solid #d7e3f8;background:#f8fbff;border-radius:14px;font-weight:700}.hintline{color:#64748b;margin:12px 0}.miniweek button span{display:block;color:#64748b;font-size:12px;margin-top:4px}.badge.pending,.badge.submitted{background:#fff3cd;color:#92400e}.badge.approved,.badge.active,.badge.open{background:#dcfce7;color:#166534}.badge.rejected,.badge.disabled,.badge.archived{background:#fee2e2;color:#991b1b}.btn.good{background:#dcfce7;color:#166534}.btn.danger{background:#fee2e2;color:#991b1b}.empty{padding:18px;border-radius:16px;background:#f8fbff;color:#64748b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.report-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}} .comment-pill{display:inline-block;max-width:360px;padding:4px 8px;border-radius:999px;background:#eef6ff;color:#123a6f;border:1px solid #cfe5ff;white-space:normal;line-height:1.35;font-size:12px} .table td .comment-pill{vertical-align:middle} /* V21 standards QA refinements */ .select.small{max-width:160px;min-width:120px;height:40px}.select.mini{height:32px;min-width:116px;font-size:13px}.toolbar-wrap{flex-wrap:wrap;gap:10px}.linklike{appearance:none;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer;padding:0}.linklike b{display:block;color:#0f172a}.linklike small{display:block;color:#64748b}.detail-stack{display:grid;gap:14px}.mini-summary{grid-template-columns:repeat(4,minmax(120px,1fr));margin:0}.comment-list{display:grid;gap:10px;margin:10px 0 16px}.comment-row{border:1px solid #dbeafe;background:#f8fbff;border-radius:14px;padding:12px;display:grid;gap:4px}.comment-row b{color:#0f172a}.comment-row span{color:#334155}.comment-row small,.small-empty{color:#64748b}.version{font-size:12px;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:4px 8px;vertical-align:middle}.chart-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.bars{min-height:230px}.table td .btn.tiny + .btn.tiny{margin-left:6px} /* V24 final workflow QA */ .kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf2f7}.kv:last-child{border-bottom:0}.kv span{color:#64748b}.kv b{text-align:right}.warn{color:#b45309!important}.danger-text{color:#b91c1c!important}.task-mini-list{display:grid;gap:10px}.task-mini{border:1px solid #dbe7f5;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:14px;padding:12px;text-align:left;cursor:pointer}.task-mini b,.task-mini span,.task-mini i{display:block}.task-mini span{color:#64748b}.task-mini i{color:#1d4ed8;font-style:normal;font-weight:700;margin-top:4px}.badge.in_progress{background:#e0f2fe;color:#075985}.badge.ready_for_review{background:#fef3c7;color:#92400e}.badge.completed{background:#dcfce7;color:#166534}.cell.closed{background:#f1f5f9;color:#64748b;border-color:#cbd5e1;cursor:not-allowed}.select.mini{min-width:150px}.summary.mini-summary{grid-template-columns:repeat(5,minmax(110px,1fr))}.locked-note{display:inline-block;border:1px solid #cbd5e1;background:#f8fafc;color:#64748b;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800} .checkline{display:flex;align-items:center;gap:10px;font-weight:700}.checkline input{width:auto}.task-mini{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.task-mini .linklike{min-width:0} /* V29 confirmation QA */ .week-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) minmax(180px,1fr) minmax(200px,1fr) auto;align-items:center;gap:10px;margin:12px 0 14px;padding:12px;border:1px solid #dbeafe;background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:16px}.week-filters .input,.week-filters .select{min-height:38px;border-radius:12px}.week-filters .muted{white-space:nowrap;font-size:12px}.week tbody tr{transition:background .15s ease}.week tbody tr:hover{background:#f8fbff}.week tbody th{position:sticky;left:0;background:#fff;z-index:3;box-shadow:1px 0 0 #edf2f7}.week thead th:first-child{position:sticky;left:0;z-index:4}.cell{transition:background .15s ease,border-color .15s ease,transform .1s ease}.cell:hover{transform:translateY(-1px);border-color:#60a5fa}.cell.closed:hover{transform:none}.task-order-note{font-size:12px;color:#64748b}@media(max-width:1200px){.week-filters{grid-template-columns:1fr 1fr}.week-filters .muted{grid-column:1/-1}}@media(max-width:720px){.week-filters{grid-template-columns:1fr}.week th:first-child{min-width:220px}} /* V29 confirmation QA additions */ .confirm-message{white-space:pre-line;color:#0f172a;font-weight:750;line-height:1.55;background:#f8fbff;border:1px solid #dbe7f5;border-radius:16px;padding:14px;margin:0 0 12px} .confirm-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:14px;padding:12px 14px;font-weight:800;margin-bottom:16px} .status-hint{display:block;color:#64748b;font-size:11px;margin-top:4px;font-weight:700;text-transform:none;letter-spacing:0} .select.mini{min-height:34px;border-radius:10px;padding:6px 10px;font-weight:750} /* V29 branding/profile/theme customizer */ .brand-logo-box{width:44px;height:44px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:0 12px 24px rgba(2,6,23,.18);flex:0 0 auto;position:relative} .brand-logo{width:100%;height:100%;object-fit:cover;display:block;background:#020617} .brand-logo-box .brand-fallback{display:none;position:absolute;inset:0;width:100%;height:100%;border-radius:14px} .big-logo{width:74px;height:74px;border-radius:22px;background:#020617}.login-logo{object-fit:contain;padding:0;background:#020617} .side-company{margin-top:auto;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08);display:grid;gap:4px;color:#dbeafe;overflow:hidden}.side-company b,.side-company span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-company span{color:#bfd2ff;font-size:12px}.logout{margin-top:0}.login-company-profile{border:1px solid var(--line);background:#f8fbff;border-radius:16px;padding:12px 14px;display:grid;gap:4px}.login-company-profile b{font-size:16px}.login-company-profile span{color:var(--muted)} .brand-preview{display:flex;gap:16px;align-items:center}.preview-logo{width:96px;height:96px;border-radius:24px;background:#020617}.preview-logo .brand-logo{object-fit:contain;padding:0}.brand-preview h3{margin:0;font-size:24px;letter-spacing:-.04em}.brand-preview p{margin:4px 0;color:var(--muted)}.brand-preview small{display:block;color:var(--muted);margin-top:3px}.theme-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.theme-swatches div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;display:grid;gap:7px}.theme-swatches i{height:38px;border-radius:12px;display:block;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.theme-swatches span{font-weight:800}.theme-swatches b{font-size:12px;color:var(--muted)} .form-section{border:1px solid var(--line);border-radius:20px;background:#fbfdff;padding:16px;display:grid;gap:12px}.form-section h3{margin:0;font-size:17px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-upload-row{display:flex;gap:16px;align-items:flex-start}.grow{flex:1;display:grid;gap:12px}.color-line{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center}.color-line input[type=color]{width:58px;height:44px;border:1px solid var(--line);border-radius:13px;background:white;padding:4px}.checkline{display:flex;align-items:center;gap:8px;font-weight:700;color:#334155}.checkline input{width:18px;height:18px} @media(max-width:800px){.form-grid.two,.brand-upload-row{grid-template-columns:1fr;display:grid}.preview-logo{width:76px;height:76px}} /* V29 theme variable overrides */ body{background:linear-gradient(135deg,#ffffff,var(--bg) 48%,var(--soft));} .login{background:radial-gradient(circle at 50% 0,var(--soft),var(--bg) 55%)} .mark{background:linear-gradient(135deg,var(--blue),var(--cyan))} .btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.nav.active{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff}.miniweek b{color:var(--blue)}.bar{background:linear-gradient(180deg,var(--cyan),var(--blue))}.calendar thead th{background:linear-gradient(180deg,var(--blue2),var(--blue))}.calendar thead th.today{background:linear-gradient(180deg,var(--cyan),var(--blue))}.cell{color:var(--blue)}.cell.has{color:var(--navy)} /* V31 conflict visibility improvements */ .day-entry-panel { border: 1px solid var(--line); background: color-mix(in srgb, var(--primary) 5%, #ffffff 95%); border-radius: 16px; padding: 12px; display: grid; gap: 8px; } .day-entry-panel > b { color: var(--ink); } .day-entry-panel > small { color: var(--muted); line-height: 1.35; } .table.compact th, .table.compact td { padding: 8px 10px; font-size: 13px; } .mini-scroll { max-height: 220px; overflow: auto; } .conflict-row td { background: #fff1f2 !important; } .conflict-row td:first-child { border-left: 4px solid #ef4444; } .badge.warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.maintenance-note{border:1px dashed #f59e0b;background:#fffbeb;padding:12px;border-radius:14px;margin-top:12px} .day-entry-panel.task-scope .note { display:block; margin-top:10px; font-size:12px; } .day-entry-panel.task-scope .small-empty { border:1px dashed rgba(37,99,235,.25); background:rgba(37,99,235,.04); } /* V39 Timesheet-style UI/functions */ .live-timer{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--blue)} .timer-monitor-note{border:1px solid var(--line);background:#f8fbff;border-radius:14px;padding:12px;color:#475569} .timer-running-row td{background:#fbfdff} /* V39 Timesheet-style UI/functions */ .row-running-timer td, .week tbody tr.row-running-timer th { background: linear-gradient(90deg, rgba(20,184,166,.08), rgba(37,99,235,.04)); } .task-timer-indicator { display: inline-grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 7px 8px; min-width: 150px; padding: 7px 10px; border-radius: 14px; border: 1px solid rgba(37,99,235,.20); background: #eff6ff; color: #1e3a8a; font-size: 12px; font-weight: 850; } .task-timer-indicator small { grid-column: 2; color: #475569; font-weight: 700; white-space: nowrap; } .task-timer-indicator.mine { border-color: rgba(20,184,166,.35); background: #ecfdf5; color: #065f46; } .task-timer-indicator.compact { margin-top: 6px; padding: 4px 8px; min-width: 0; display: inline-flex; font-size: 11px; } .task-timer-indicator.compact small { display: none; } .pulse-dot { width: 9px; height: 9px; border-radius: 999px; background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,.55); animation: pulseTimer 1.4s infinite; } @keyframes pulseTimer { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,.55); } 70% { box-shadow: 0 0 0 8px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } } .tiny-text { font-size: 12px; } .task-timer-list { display: grid; gap: 10px; margin: 8px 0 16px; } .task-timer-row { display: grid; grid-template-columns: minmax(180px,1fr) minmax(150px,.8fr) minmax(120px,.6fr) auto; gap: 12px; align-items: center; border: 1px solid var(--line); background: #f8fbff; border-radius: 16px; padding: 12px; } .task-timer-row.mine { border-color: rgba(20,184,166,.35); background: #ecfdf5; } .task-timer-row b,.task-timer-row span,.task-timer-row small { display: block; } .task-timer-row small { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; font-weight: 850; } .task-mini.has-running-timer { border-color: rgba(20,184,166,.35); background: linear-gradient(180deg,#f0fdfa,#ffffff); } .table td .task-timer-indicator { vertical-align: middle; } @media(max-width:900px){.task-timer-row{grid-template-columns:1fr}.task-timer-indicator{min-width:0}} /* V39 Timesheet-style UI/functions polish */ .btn.micro{font-size:11px;padding:2px 7px;border-radius:999px;margin-left:8px;vertical-align:middle} .table td small,.table th small{display:block;line-height:1.25;color:var(--muted,#64748b);font-weight:500} .warn-box,.confirm-warning,.hintline{line-height:1.45} .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:900px){.form-grid.three{grid-template-columns:1fr}.table-scroll{overflow:auto}.split{grid-template-columns:1fr}} /* V39 Timesheet-style UI/functions */ .timesheet-shell{grid-template-columns:220px minmax(0,1fr);background:#f3f8ff} .timesheet-shell .side{border-radius:0;background:linear-gradient(180deg,#253968,#14265a);box-shadow:6px 0 24px rgba(15,23,42,.14);padding:20px 16px} .timesheet-shell .nav{border-radius:8px;padding:11px 12px;font-weight:750;color:#d6e5ff} .timesheet-shell .nav.active{background:#3d6ebf;color:#fff;box-shadow:none} .timesheet-shell .main{padding:0 0 44px;background:linear-gradient(180deg,#eef6ff,#f8fbff 180px)} .acti-top{padding:28px 36px 20px;margin:0 0 0;background:rgba(255,255,255,.86);border-bottom:1px solid #dbe7f5;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)} .acti-top h1{font-size:28px;font-weight:760;letter-spacing:-.04em;color:#17233f} .acti-top .actions{align-items:center}.circle-help{width:34px;height:34px;border-radius:999px;border:1px solid #c9d9f0;background:#f7fbff;color:#426aa3;font-weight:900;display:grid;place-items:center;cursor:pointer}.avatar-pill{width:36px;height:36px;border-radius:999px;background:#a9db31;color:white;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px rgba(22,101,52,.16)} .main>.stats,.main>.grid2,.main>.summary,.main>.card,.main>.split,.main>.calendar-panel,.main>.acti-dashboard{margin-left:36px;margin-right:36px}.main>.stats{margin-top:18px} .acti-dashboard{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.2fr) minmax(260px,.62fr);gap:22px;align-items:start;padding-top:28px}.shortcuts-panel,.widgets-panel,.create-report-panel{background:rgba(255,255,255,.96);border:1px solid #dbe7f5;border-radius:0;box-shadow:0 10px 30px rgba(30,64,120,.08);padding:26px;min-height:286px}.shortcuts-panel h2,.section-title h2,.create-report-panel h2{font-size:18px;margin:0 0 18px;color:#17233f}.shortcut-empty{height:286px;display:grid;place-items:center;align-content:center;gap:10px;background:#f6fbff;border-style:dashed}.shortcut-empty .empty-icon{font-size:52px;color:#a8c1e4}.shortcut-list{display:grid;gap:12px}.shortcut-list button{border:1px solid #dbe7f5;background:#f8fbff;text-align:left;border-radius:12px;padding:13px;cursor:pointer}.shortcut-list span{display:block;color:#2e6fb8;font-size:12px;font-weight:900}.shortcut-list b{display:block;font-size:15px;color:#17233f}.shortcut-list small{display:block;margin-top:3px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title span{color:#43a047;font-size:13px;font-weight:700}.widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.acti-widget{position:relative;border:1px solid #dbe7f5;border-radius:6px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.06);padding:24px 24px 18px;min-height:218px;overflow:hidden}.acti-widget h3{font-size:19px;margin:10px 0 24px;font-weight:700}.widget-tools{position:absolute;right:14px;top:12px;display:flex;gap:10px}.widget-tools button{border:0;background:transparent;color:#94a3b8;font-size:19px;cursor:pointer}.widget-legend{display:grid;gap:8px;max-width:70%}.widget-legend span{display:flex;align-items:center;gap:8px;color:#3f4b63;font-weight:700}.widget-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.widget-total{position:absolute;right:24px;top:74px;text-align:right}.widget-total small{display:block}.widget-total b{font-size:34px;font-weight:500;color:#111827}.sparkline{position:absolute;left:0;right:0;bottom:46px;height:56px;background:#e7f6ff;border-top:1px solid #d7eaff}.sparkline svg{position:absolute;inset:0;width:100%;height:100%}.sparkline polyline{fill:none;stroke:#55a6e8;stroke-width:3}.widget-footer{position:absolute;left:24px;bottom:16px}.create-report-panel{padding:26px 22px}.create-report-panel h3{font-size:16px;margin:18px 0 8px;color:#1d2a44}.create-report-panel p{color:#26364f;line-height:1.45;margin:0 0 12px}.create-report-panel button{width:100%;height:36px;border:0;background:#e5f2fb;color:#34658c;margin:0 0 6px;text-align:left;padding:0 28px;font-weight:760;cursor:pointer}.create-report-panel button:hover{background:#d7ebf8}.acti-timesheet{padding:20px;margin-top:24px}.acti-week{min-width:1180px}.acti-week thead th{background:linear-gradient(180deg,#5da1ea,#286ae6)!important;color:white!important;text-align:center;text-transform:none;letter-spacing:0;font-size:15px;padding:16px 10px}.acti-week thead th:first-child{text-align:left}.acti-week thead small{color:#eef6ff!important}.acti-week .leave-row th,.acti-week .location-row th{background:#f7fbff!important;color:#17233f;text-transform:none;font-size:14px}.acti-week .leave-row td,.acti-week .location-row td{height:48px;background:#fff;color:#475569}.location-cell{color:#276da6;text-decoration:underline}.info-dot{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;background:#dbeafe;color:#2563eb;font-size:11px}.acti-week .cell{min-height:42px;background:#fff;border:1px dashed #b9d3f4}.acti-week .cell.has{background:#e9f6ff;border-color:#82b5ed;color:#1b4d7d}.acti-week tfoot th,.acti-week tfoot td{background:#fbfdff;font-weight:850}.acti-calendar-panel{margin-top:24px}.acti-calendar thead th{height:74px;vertical-align:middle}.acti-calendar .block em{display:block;font-style:normal;color:#47709a;font-size:11px;margin-top:2px}.acti-task-page{align-items:start;margin-top:24px}.acti-tree{padding:16px}.tree-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tree-head h2{margin:0}.tree-project{width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;color:#31405b;cursor:pointer}.tree-project:hover{background:#eef6ff}.acti-task-table{min-width:1220px}.acti-task-table th{white-space:nowrap}.acti-task-table td:nth-child(3){min-width:250px}.users-tabs{display:flex;gap:20px;padding:0 14px;margin-top:24px}.users-tabs button{border:0;background:transparent;padding:15px 0;font-weight:800;color:#516070;cursor:pointer}.users-tabs .active{color:#123a6f;border-bottom:3px solid #2b70d6}.acti-users{margin-top:0}.users-table{min-width:1080px}.user-chip{display:flex;align-items:center;gap:11px}.user-chip>span{width:32px;height:32px;border-radius:999px;background:#8b5cf6;color:white;display:grid;place-items:center;font-size:11px;font-weight:900}.user-chip b,.user-chip small{display:block}.perm-icons{display:flex;gap:8px;opacity:.75}.task-picker-tabs{display:flex;gap:4px;margin-bottom:0}.task-picker-tabs button{border:1px solid #dbe7f5;border-bottom:0;background:#fff;border-radius:10px 10px 0 0;padding:10px 14px;font-weight:800;color:#64748b}.task-picker-tabs .active{color:#286ae6;background:#f8fbff}.task-choice-list{max-height:420px;overflow:auto;border-top:1px solid #e5edf7}.task-choice{display:block;width:100%;border:0;border-bottom:1px solid #edf2f7;background:white;text-align:left;padding:15px 12px;cursor:pointer}.task-choice:hover{background:#f7fbff}.task-choice b{display:block;color:#2d6a9f;text-transform:uppercase}.task-choice span,.task-choice small{display:block}.location-list{display:grid;gap:10px}.location-edit-row{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(180px,1fr) auto;gap:12px;align-items:center;border:1px solid #e4edf8;border-radius:14px;background:#fbfdff;padding:12px}.import-drop{border:2px dashed #cfe0f6;background:#f7fbff;border-radius:18px;display:grid;place-items:center;gap:10px;min-height:150px;padding:20px;text-align:center}.import-columns{display:flex;gap:8px;flex-wrap:wrap}.import-columns span{border:1px solid #dbe7f5;background:#fff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:760;color:#42627e}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.form-tabs{display:flex;gap:14px;border-bottom:1px solid #dbe7f5}.form-tabs button{border:0;background:transparent;padding:12px 0;font-weight:850;color:#64748b}.form-tabs .active{color:#2563eb;border-bottom:3px solid #2563eb}.switchline{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dbe7f5;background:#fbfdff;border-radius:14px;padding:12px}.workweek-inputs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.workweek-inputs input{text-align:center}.report-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-choice-list button{border:1px solid #dbe7f5;background:#f8fbff;border-radius:14px;padding:14px;text-align:left;font-weight:850;color:#1e3a8a;cursor:pointer}.pill{display:inline-block;border-radius:999px;background:#eef6ff;color:#2563eb;padding:3px 8px;font-size:11px;font-weight:850}.table td,.table th{vertical-align:middle} @media(max-width:1400px){.acti-dashboard{grid-template-columns:1fr}.widget-grid{grid-template-columns:1fr 1fr}.create-report-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.create-report-panel h2{grid-column:1/-1}} @media(max-width:900px){.main>.stats,.main>.grid2,.main>.summary,.main>.card,.main>.split,.main>.calendar-panel,.main>.acti-dashboard{margin-left:18px;margin-right:18px}.acti-top{position:relative;padding:22px 18px}.widget-grid,.report-choice-list,.location-edit-row,.workweek-inputs{grid-template-columns:1fr}.create-report-panel{display:block}} /* V52 video-based actiTIME function upgrades */ .actions-dropdown{position:relative;display:inline-block} .actions-dropdown .actions-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:230px;background:#fff;border:1px solid #dbe7f5;border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.18);padding:8px;z-index:50} .actions-dropdown:hover .actions-menu,.actions-dropdown:focus-within .actions-menu{display:grid;gap:4px} .actions-menu button{border:0;background:#fff;text-align:left;padding:10px 12px;border-radius:9px;color:#1d3557;font-weight:780;cursor:pointer} .actions-menu button:hover{background:#eef6ff;color:#1d4ed8} .import-links{display:flex;justify-content:flex-end;gap:16px;margin:-6px 0 10px;flex-wrap:wrap} .import-links .linklike{font-size:12px;font-weight:850;color:#2b6cb0;text-decoration:underline} .report-wizard-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(380px,1.2fr);gap:20px;align-items:start} .report-choice-list.onecol{grid-template-columns:1fr;max-height:520px;overflow:auto} .report-radio{display:block;border:1px solid #dbe7f5;background:#f8fbff;border-radius:12px;padding:10px 12px;cursor:pointer} .report-radio input{margin-right:8px}.report-radio b{display:inline-block;color:#1e3a8a}.report-radio small{display:block;margin:4px 0 0 25px;color:#64748b} .column-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px} .column-checks label{border:1px solid #e5edf7;background:#fbfdff;border-radius:10px;padding:9px 10px;font-weight:720;color:#334155} .batch-task-table{min-width:900px}.batch-task-table .input,.batch-task-table .select{height:34px}.batch-task-table .mini{min-width:80px} .settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;margin:24px 36px}.settings-menu{background:#eef4fb;border:1px solid #dbe7f5;border-radius:8px;padding:14px;display:grid;align-content:start;gap:4px}.settings-menu button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:8px;font-weight:820;color:#426078;cursor:pointer}.settings-menu button.active,.settings-menu button:hover{background:#dfeaff;color:#1d4ed8}.settings-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-panel{margin:0!important}.settings-kv{display:grid;gap:9px}.settings-kv div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf2f7;border-radius:10px;background:#fbfdff;padding:10px}.settings-kv span{color:#64748b;font-weight:720}.settings-kv b{text-align:right;color:#14213d;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 36px}.guide-card{margin:0!important}.guide-card h2{color:#17345e}.guide-card p{margin:9px 0;color:#334155;line-height:1.45}.report-detail-table,.billing-table{min-width:1100px}.billable-cell{background:#eaf8e8;font-weight:850} @media(max-width:1000px){.report-wizard-grid,.settings-layout,.settings-panels,.guide-grid,.column-checks{grid-template-columns:1fr}.settings-layout,.guide-grid{margin-left:18px;margin-right:18px}.actions-dropdown .actions-menu{right:auto;left:0}} /* V52 settings page from uploaded actiTIME function video */ .settings-video-grid{display:grid;grid-template-columns:minmax(380px,.92fr) minmax(480px,1.08fr);gap:22px;margin:24px 36px 18px}.feature-map,.general-settings-card{margin:0!important}.feature-group{border:1px solid #dbe7f5;background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:16px;padding:14px;margin:12px 0}.feature-group h3{margin:0 0 10px;color:#17345e;font-size:15px}.feature-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef3fb;padding:10px 0;font-weight:760;color:#31405b}.feature-toggle:first-of-type{border-top:0}.feature-toggle input{width:42px;height:23px;accent-color:#2563eb;cursor:pointer}.feature-toggle input:disabled{cursor:not-allowed;opacity:.55}.general-settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.general-settings-layout aside,.list-management-shell aside{background:#eef4fb;border:1px solid #dbe7f5;border-radius:14px;padding:10px;display:grid;gap:4px;align-content:start}.general-settings-layout aside button,.list-management-shell aside button{border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:10px;color:#426078;font-weight:820;cursor:pointer}.general-settings-layout aside button.active,.general-settings-layout aside button:hover,.list-management-shell aside button.active,.list-management-shell aside button:hover{background:#dfeaff;color:#1d4ed8}.kv-list{display:grid;gap:9px}.kv-list div,.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf2f7;border-radius:12px;background:#fbfdff;padding:10px 12px}.kv-list span,.list-row span{color:#64748b;font-weight:720;text-align:right}.kv-list b,.list-row b{color:#14213d}.settings-mini-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.settings-mini-cards div{border:1px solid #e4edf8;border-radius:14px;background:#fff;padding:13px;display:grid;gap:5px}.settings-mini-cards b{color:#17345e}.settings-mini-cards span{color:#64748b;font-size:12px;line-height:1.35}.list-management-preview{display:grid;gap:10px}.list-management-preview .section-title{margin-bottom:4px}.list-row span{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-management-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;max-height:68vh;overflow:auto}.list-management-fields{display:grid;gap:14px}.list-management-fields label{display:grid;gap:6px;font-weight:760;color:#334155}.column-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}.column-chooser label{border:1px solid #e5edf7;background:#fbfdff;border-radius:10px;padding:9px 10px;font-weight:720;color:#334155}@media(max-width:1100px){.settings-video-grid,.general-settings-layout,.list-management-shell,.settings-mini-cards,.column-chooser{grid-template-columns:1fr}.settings-video-grid{margin-left:18px;margin-right:18px}.list-row{align-items:flex-start;flex-direction:column}.list-row span{max-width:100%;text-align:left;white-space:normal}} /* V52 arrangement: Timesheet-style narrow left sidebar + adjacent Customers & Projects panel */ .timesheet-shell{grid-template-columns:132px minmax(0,1fr);background:#edf3fb;min-height:100vh} .timesheet-shell .side.acti-left-nav{padding:13px 0 14px;background:linear-gradient(180deg,#162653 0%,#1f3165 48%,#17234b 100%);box-shadow:inset -1px 0 0 rgba(255,255,255,.06),8px 0 24px rgba(2,6,23,.16);gap:10px;overflow:hidden} .acti-nav-brand{padding:4px 12px 12px;gap:8px;align-items:center}.acti-nav-brand .brand-logo-box{width:31px;height:31px;border-radius:9px;background:#051022}.acti-nav-brand b{color:#a8e22b;font-size:13px;letter-spacing:-.02em}.acti-nav-brand span{font-size:10px;color:#98a8ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:88px}.side-main-nav,.side-bottom-nav{display:grid;gap:2px}.side-main-nav{padding:10px 0 0}.side-bottom-nav{margin-top:auto;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.06)} .acti-left-nav .nav,.acti-left-nav .logout{border-radius:0;min-height:33px;padding:9px 14px 9px 16px;color:#a8bbef;font-weight:760;font-size:12px;display:flex;align-items:center;gap:9px;position:relative;box-shadow:none}.acti-left-nav .nav span:last-child{white-space:normal;line-height:1.15}.acti-left-nav .nav:hover,.acti-left-nav .logout:hover{background:rgba(102,138,226,.16);color:#fff}.acti-left-nav .nav.active,.acti-left-nav .nav.active-parent{background:linear-gradient(90deg,rgba(70,116,214,.68),rgba(70,116,214,.38));color:#fff;box-shadow:inset 3px 0 0 #6ea5ff}.acti-left-nav .nav.active:after,.acti-left-nav .nav.active-parent:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#66a2ff}.nav-ico{width:15px;display:inline-grid;place-items:center;opacity:.82;flex:0 0 15px}.nav-section .nav-parent{font-size:13px;color:#dce7ff}.nav-submenu{display:grid;gap:0;padding:1px 0 8px}.nav-submenu .nav{font-size:11px;min-height:30px;padding-left:38px;color:#91a4d2}.nav-submenu .nav.active{background:rgba(70,116,214,.36);box-shadow:inset 3px 0 0 #67a3ff;color:#fff}.mini-logout{font-size:11px!important;color:#9fafdc!important;margin-top:3px!important} .timesheet-shell .main{padding:24px 28px 54px}.acti-top{background:rgba(255,255,255,.72);border:1px solid rgba(219,231,245,.8);border-radius:20px;padding:18px 20px;box-shadow:0 14px 38px rgba(15,23,42,.07)}.circle-help{width:31px;height:31px;border:1px solid #d7e4f8;border-radius:999px;background:#f8fbff;color:#315a92;font-weight:900;display:inline-grid;place-items:center;cursor:pointer}.avatar-pill{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#93c5fd);color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:900} .task-workspace-shell{grid-template-columns:132px minmax(0,1fr);background:#e8eef7}.task-workspace-shell .workspace-main{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#eef4fc,#e6edf8)}.workspace-tree{margin:24px 0 24px 0;background:#fff;border:1px solid #dbe5f2;border-left:0;border-radius:0 18px 18px 0;box-shadow:16px 0 34px rgba(15,23,42,.10);padding:16px;min-height:calc(100vh - 48px);max-height:calc(100vh - 48px);overflow:auto;z-index:3}.acti-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.acti-panel-head h2{font-size:15px;letter-spacing:-.02em;margin:0;color:#18233d}.acti-panel-head>div{display:flex;gap:8px}.panel-icon{width:28px;height:28px;border:1px solid #dbe6f4;background:#f7fbff;color:#3d6ead;border-radius:7px;font-weight:900;cursor:pointer}.panel-icon.primary{background:#4b93e6;color:#fff;border-color:#4b93e6}.tree-search{position:relative;margin-bottom:12px}.tree-search .input{min-height:35px;border-radius:6px;padding:7px 34px 7px 10px;font-size:12px}.panel-search-btn{position:absolute;right:4px;top:4px;width:27px;height:27px;border:0;border-radius:5px;background:#fff;color:#236bb6;font-size:18px;font-weight:900}.tree-filter-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 14px;color:#70829f;font-size:11px}.tree-filter-line .linklike{font-size:12px;color:#45637d;font-weight:780}.workspace-tree h3{font-size:12px;color:#31405b;margin:0 0 8px}.workspace-project-tree details{margin:2px 0}.workspace-project-tree summary{cursor:pointer;list-style:none;border-radius:8px;padding:8px 8px;color:#334155;font-weight:850;font-size:12px}.workspace-project-tree summary::-webkit-details-marker{display:none}.workspace-project-tree summary:before{content:'⌄';display:inline-block;margin-right:6px;color:#6d85a8}.workspace-project-tree .tree-project{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px 9px 28px;border-radius:0;color:#31405b;cursor:pointer;display:grid;gap:2px}.workspace-project-tree .tree-project b{font-size:12px;font-weight:760}.workspace-project-tree .tree-project small{font-size:11px;color:#8290a5}.workspace-project-tree .tree-project:hover{background:#f2f7ff}.workspace-project-tree .tree-project.selected{background:#dfeeff;color:#1d4f95;box-shadow:inset 3px 0 0 #4b93e6}.workspace-project-tree .tree-project.all-projects{padding-left:10px;margin-bottom:6px;border-radius:8px}.workspace-content{min-width:0;overflow:auto;padding:27px 28px 34px}.workspace-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.workspace-heading h1{margin:0;color:#0f172a;font-size:21px;letter-spacing:-.03em;font-weight:760}.workspace-heading p{margin:6px 0 2px;color:#5b6b83;font-size:12px}.workspace-heading span{color:#3b4a60;font-size:12px;font-weight:700}.gear-dot{border:0;background:transparent;color:#5f7aa0;font-size:15px;cursor:pointer}.workspace-top-actions{display:flex;gap:9px;align-items:center}.workspace-task-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.workspace-task-actions .toolbar{flex-wrap:nowrap}.workspace-search{max-width:270px;min-height:34px;border-radius:6px;font-size:12px}.workspace-task-actions .select.small{min-height:34px;border-radius:6px;font-size:12px;min-width:150px}.right-tools .btn,.workspace-task-actions .btn{min-height:34px;border-radius:6px;padding:7px 11px;font-size:12px}.workspace-table-card{background:rgba(255,255,255,.86);border:1px solid #dbe5f2;border-radius:8px;padding:0;box-shadow:0 12px 34px rgba(15,23,42,.06);overflow:hidden}.workspace-table-card .table-scroll{border:0;border-radius:0}.workspace-table-card .table th{background:#eef5ff;color:#556476;font-size:11px;text-transform:none;letter-spacing:0;font-weight:780;white-space:nowrap}.workspace-table-card .table td{font-size:12px;padding:12px 10px}.workspace-table-card .table tbody tr:hover{background:#f8fbff}.workspace-table-card .linklike b{color:#0f172a;font-size:12px}.workspace-table-card .linklike small{color:#68768a;font-size:11px}.small-empty{padding:14px;font-size:12px}.list-management-page{margin-top:18px} @media(max-width:1100px){.timesheet-shell,.task-workspace-shell{grid-template-columns:1fr}.timesheet-shell .side.acti-left-nav{min-height:auto}.side-main-nav,.side-bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.nav-submenu{display:none}.task-workspace-shell .workspace-main{grid-template-columns:1fr}.workspace-tree{margin:12px;border-left:1px solid #dbe5f2;border-radius:18px;min-height:auto;max-height:none}.workspace-content{padding:16px}.workspace-task-actions,.workspace-topbar{flex-direction:column;align-items:stretch}.workspace-task-actions .toolbar{flex-wrap:wrap}.workspace-search{max-width:none}} .project-access-control{width:100%;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 13px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.project-access-control:hover{background:#f8fbff;border-color:#93b4ff}.project-access-control span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a}.project-access-control b{color:#2563eb;white-space:nowrap}.project-access-list{border:1px solid var(--line);border-radius:16px;overflow:auto;max-height:460px;background:#fff}.project-access-group{border-bottom:1px solid #edf2f7}.project-access-group:last-child{border-bottom:0}.project-access-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#f8fbff;cursor:pointer}.project-access-row{display:grid;grid-template-columns:24px minmax(0,1fr) 120px;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid #edf2f7}.project-access-row:hover{background:#fbfdff}.project-access-row input{width:18px;height:18px}.project-access-row span{font-weight:760}.project-access-row small{text-align:right}.users-table td:nth-child(5){min-width:150px} /* V52 QA polish: exact sidebar/sidebar-panel spacing and safer modal cleanup */ body.modal-open{overflow:hidden}.modal-backdrop[data-modal-level="1"]{background:rgba(15,23,42,.28)}.acti-left-nav .nav-submenu .nav span:last-child{font-size:11px}.workspace-tree{padding-top:14px}.workspace-content{padding-top:24px}.acti-task-table th,.acti-task-table td{white-space:nowrap}.acti-task-table td:nth-child(3){white-space:normal;min-width:220px}.guide-card p{line-height:1.45}.qa-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#e0f2fe;color:#075985;padding:5px 9px;font-weight:800;font-size:12px} /* V52 access polish */ .user-access-row span{display:grid;gap:2px}.user-access-row span small{font-weight:600;color:#6b7a90}.user-access-control span{max-width:calc(100% - 118px)}.users-table td:nth-child(4),.users-table td:nth-child(5){min-width:170px}.users-table td:nth-child(5) small{display:block;margin-top:3px;color:#64748b;font-weight:650} /* V52 video-reviewed actiTIME time-track/access additions */ .timer-widget-btn{background:#eff6ff;color:#1555c0;border-color:#cfe0ff} .report-summary-band{display:flex;gap:18px;align-items:stretch;margin-bottom:18px} .report-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;flex:1} .report-kpis>div,.pto-box{background:#fff;border:1px solid #d8e7fb;border-radius:14px;padding:14px;box-shadow:0 8px 26px rgba(15,40,80,.05)} .report-kpis span,.pto-box span{display:block;color:#5b6b82;font-size:12px}.report-kpis b{display:block;font-size:26px;color:#0f2749;margin:6px 0}.report-kpis small{color:#77849a}.pto-box{min-width:190px}.pto-box b{display:block;margin-bottom:8px;color:#0f2749} .report-chart-card .chart-head{align-items:center}.acti-bar-chart{height:270px;display:flex;gap:12px;align-items:end;overflow-x:auto;padding:12px 4px 4px}.acti-bar-col{width:58px;min-width:58px;text-align:center;display:flex;flex-direction:column;justify-content:end;gap:6px;height:100%}.acti-bar-col .bar-wrap{height:175px;background:linear-gradient(#f4f7fb,#edf3fb);border-radius:8px;display:flex;align-items:end;overflow:hidden}.acti-bar-col i{display:block;width:100%;background:linear-gradient(180deg,#70bcff,#357ae8);border-radius:8px 8px 0 0}.acti-bar-col b{font-size:12px;color:#0f2749}.acti-bar-col span{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.pdf-preview-shell{display:grid;grid-template-columns:210px 1fr;gap:18px;max-height:70vh}.pdf-preview-shell aside{display:flex;flex-direction:column;gap:12px}.pdf-preview-page{background:#fff;border:1px solid #ccd7e6;border-radius:8px;box-shadow:0 10px 30px rgba(10,35,70,.15);padding:28px;overflow:auto;min-height:420px}.pdf-preview-page table{width:100%;border-collapse:collapse}.pdf-preview-page th,.pdf-preview-page td{border:1px solid #d7e0ef;padding:7px;font-size:12px}.pdf-preview-page h1{font-size:22px;margin:0 0 8px}.report-choice-list{display:grid;gap:8px}.report-choice{border:1px solid #d8e7fb;background:#fff;border-radius:10px;padding:12px;text-align:left}.report-choice.active{background:#eaf3ff;border-color:#4a8df0}.report-choice b,.report-choice small{display:block}.leave-cell,.work-status-cell,.location-cell{width:100%;text-align:left}.work-status-row td{background:#fbfdff}.leave-menu-list{display:grid;gap:8px}.leave-choice{padding:12px 14px;border-radius:10px;border:1px solid #d8e7fb;background:#fff;text-align:left;color:#194d8d}.work-status-list{display:grid;gap:10px}.work-status-row{display:grid;grid-template-columns:1fr 180px 180px;gap:10px;align-items:center;border:1px solid #d8e7fb;border-radius:12px;padding:12px;background:#fff}.work-status-row.active{background:#eef8ff}.permission-matrix{border:1px solid #d8e7fb;border-radius:14px;padding:14px;margin:12px 0;background:#fbfdff}.permission-matrix h4{margin:0 0 10px}.permission-row{display:grid;grid-template-columns:20px 1fr 1.4fr;gap:10px;align-items:center;border-bottom:1px solid #e8f0fb;padding:9px 0}.permission-row:last-child{border-bottom:0}.permission-row span{font-weight:700;color:#123158}.permission-row small{color:#64748b}.work-assignment-section{margin-top:16px}.assignment-meter{display:flex;align-items:center;gap:8px;width:190px;height:16px;background:#edf3fb;border-radius:999px;overflow:hidden;position:relative}.assignment-meter span{display:block;background:linear-gradient(90deg,#8b6cf6,#45c6d7);height:100%;border-radius:999px}.assignment-meter b{position:absolute;right:8px;font-size:11px;color:#0f2749}.assignment-picker details{border:1px solid #e1ebf8;border-radius:12px;margin-bottom:8px;padding:8px;background:#fff}.assignment-picker summary{font-weight:700;color:#123158;cursor:pointer}.timer-widget{display:grid;gap:12px}.timer-face{border:1px solid #d8e7fb;background:#f8fbff;border-radius:16px;padding:18px;text-align:center}.timer-face b{font-size:36px;color:#0f2749;display:block}.timer-face span{color:#64748b}.timer-actions{display:flex;gap:10px;justify-content:center}.task-choice-list.compact{max-height:270px}.detail-tabs{display:flex;gap:8px;border-bottom:1px solid #d8e7fb;margin:10px 0 14px}.detail-tabs button{border:0;background:transparent;padding:10px 12px;color:#49647d;border-bottom:3px solid transparent}.detail-tabs button.active{color:#0c51b7;border-color:#3b82f6;font-weight:700}.assigned-users-strip{display:flex;align-items:center;gap:12px;border:1px solid #d8e7fb;background:#fbfdff;border-radius:12px;padding:12px;margin-bottom:12px}.assigned-users-strip span{color:#64748b}.acti-user-tabs button{cursor:default}.work-assignments-table td{vertical-align:middle} @media(max-width:980px){.report-summary-band{flex-direction:column}.report-kpis{grid-template-columns:repeat(2,1fr)}.pdf-preview-shell{grid-template-columns:1fr}.work-status-row{grid-template-columns:1fr}.permission-row{grid-template-columns:20px 1fr}.permission-row small{grid-column:2}} /* V52 video function parity additions */ .time-summary-bar{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:0 0 16px}.time-summary-bar>div{border:1px solid #d8e7fb;background:#fff;border-radius:14px;padding:13px;box-shadow:0 8px 24px rgba(15,40,80,.05)}.time-summary-bar span{display:block;color:#64748b;font-size:12px}.time-summary-bar b{display:block;color:#0f2749;font-size:24px;margin-top:4px}.video-parity-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d8e7fb;background:#f7fbff;border-radius:14px;padding:11px 13px;margin-bottom:14px;color:#38546f}.video-parity-strip b{color:#153c7a}.acti-week-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:10px;border:1px solid #dde9f7;background:#fbfdff;border-radius:12px}.acti-week-controls label{display:flex;align-items:center;gap:7px;font-weight:760;color:#44566f}.check-choice{display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px}.check-choice input{margin-top:5px}.timer-popup{display:grid;gap:14px;min-width:320px}.timer-current{border:1px solid #d8e7fb;background:linear-gradient(180deg,#f8fbff,#fff);border-radius:16px;padding:16px;text-align:center}.timer-current b{display:block;color:#0f2749;font-size:18px}.timer-large{font-size:40px;font-weight:900;color:#1d4ed8;letter-spacing:.02em;margin:8px 0}.recent-timer-tasks{display:grid;gap:8px;max-height:280px;overflow:auto}.recent-timer-tasks button{border:1px solid #d8e7fb;background:#fff;border-radius:12px;padding:10px;text-align:left;display:grid;gap:3px;color:#17345e}.recent-timer-tasks button small{color:#64748b}.assignment-list{display:grid;gap:9px;max-height:52vh;overflow:auto;border:1px solid #d8e7fb;border-radius:14px;background:#fff;padding:10px}.assignment-group{border:1px solid #e6eef8;border-radius:12px;background:#fbfdff;overflow:hidden}.assignment-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:10px 12px;color:#17345e}.assignment-group summary small{color:#64748b}.assignment-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;border-top:1px solid #edf2f7;background:#fff;padding:10px 12px}.assignment-row:hover{background:#f8fbff}.assignment-row b,.assignment-row small{display:block}.assignment-row small{color:#64748b;margin-top:2px}.assignment-pill{display:inline-flex;align-items:center;border:1px solid #cfe0ff;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:5px 10px;font-weight:850;font-size:12px}.assignment-chip-list{display:flex;flex-wrap:wrap;gap:7px}.assignment-chip-list span{display:inline-flex;align-items:center;gap:5px;border:1px solid #d8e7fb;border-radius:999px;background:#fff;padding:5px 9px;font-size:12px;color:#17345e}.period-list{display:grid;gap:8px}.period-list button{border:1px solid #d8e7fb;background:#fff;border-radius:12px;padding:12px;text-align:left}.period-list b,.period-list span{display:block}.period-list span{color:#64748b;margin-top:3px}.pdf-preview-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;max-height:72vh}.pdf-preview-layout aside{display:grid;gap:10px;align-content:start}.pdf-page{background:#fff;border:1px solid #cbd7e6;border-radius:10px;box-shadow:0 18px 42px rgba(15,23,42,.16);padding:28px;overflow:auto}.pdf-page table{width:100%;border-collapse:collapse}.pdf-page th,.pdf-page td{border:1px solid #d7e0ef;padding:7px;font-size:12px}.task-detail-tabs{display:flex;gap:8px;border-bottom:1px solid #d8e7fb;margin:10px 0 14px}.task-detail-tabs button{border:0;background:transparent;padding:10px 12px;color:#52657c;border-bottom:3px solid transparent}.task-detail-tabs button.active{font-weight:850;color:#1d4ed8;border-color:#3b82f6}.view-time-summary{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin-bottom:14px}.view-time-summary>div{border:1px solid #d8e7fb;background:#fff;border-radius:14px;padding:12px}.view-time-summary span{display:block;color:#64748b;font-size:12px}.view-time-summary b{font-size:22px;color:#0f2749}@media(max-width:900px){.time-summary-bar,.view-time-summary,.pdf-preview-layout{grid-template-columns:1fr}.video-parity-strip{align-items:flex-start;flex-direction:column}} /* V52 department/user access parity */ .inline-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.access-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.department-access-row span{display:grid;gap:2px}.department-table td:first-child{min-width:220px}.department-table small{display:block;margin-top:3px}.users-table{min-width:1280px}.users-table td:nth-child(5),.users-table td:nth-child(6){min-width:180px}.department-access-control span{max-width:calc(100% - 150px)}@media(max-width:900px){.inline-picker,.access-grid{grid-template-columns:1fr}.department-access-control span{max-width:none}} /* V60 pinned sidebar bottom panel: bottom navigation stays pinned and does not move with the upper navigation/content scroll. */ :root{--sidebar-width:132px;--task-tree-width:286px} .timesheet-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)} .timesheet-shell .side.acti-left-nav{ position:fixed; left:0; top:0; bottom:0; width:var(--sidebar-width); height:100vh; min-height:100vh; z-index:1000; display:flex; flex-direction:column; overflow:hidden; } .acti-left-nav .acti-nav-brand{flex:0 0 auto} .acti-left-nav .side-main-nav{ flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; padding-bottom:10px; scrollbar-width:thin; } .acti-left-nav .side-bottom-nav{ flex:0 0 auto; margin-top:0; position:sticky; bottom:0; background:linear-gradient(180deg,rgba(23,35,75,.96),#17234b 38%,#17234b 100%); border-top:1px solid rgba(255,255,255,.10); box-shadow:0 -12px 22px rgba(2,6,23,.14); padding:10px 0 12px; } .timesheet-shell>.main{margin-left:var(--sidebar-width)} .task-workspace-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)} .task-workspace-shell>.workspace-main{margin-left:var(--sidebar-width);min-height:100vh} @media(max-width:1100px){ .timesheet-shell .side.acti-left-nav{position:relative;width:auto;height:auto;min-height:auto;bottom:auto;z-index:1} .acti-left-nav .side-main-nav{overflow:visible} .acti-left-nav .side-bottom-nav{position:relative;box-shadow:none;background:transparent} .timesheet-shell>.main,.task-workspace-shell>.workspace-main{margin-left:0} } /* V60 sidebar layout restore: keep the left sidebar in the page grid, pin the bottom group, and avoid covering/blanking the main content. */ :root{--sidebar-width:132px;--task-tree-width:286px} html,body,#app{min-height:100%} .timesheet-shell, .task-workspace-shell{ display:grid!important; grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important; min-height:100vh; width:100%; overflow:visible; } .timesheet-shell .side.acti-left-nav{ position:sticky!important; top:0!important; left:auto!important; bottom:auto!important; width:var(--sidebar-width)!important; height:100vh!important; min-height:100vh!important; align-self:start; z-index:20; display:flex!important; flex-direction:column!important; overflow:hidden!important; } .acti-left-nav .acti-nav-brand{flex:0 0 auto} .acti-left-nav .side-main-nav{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding-bottom:10px; scrollbar-width:thin; } .acti-left-nav .side-bottom-nav{ flex:0 0 auto!important; margin-top:0!important; position:relative!important; bottom:auto!important; background:linear-gradient(180deg,rgba(23,35,75,.96),#17234b 38%,#17234b 100%); border-top:1px solid rgba(255,255,255,.10); box-shadow:0 -12px 22px rgba(2,6,23,.14); padding:10px 0 12px; } .timesheet-shell>.main, .task-workspace-shell>.workspace-main{ margin-left:0!important; min-width:0!important; width:100%!important; } .timesheet-shell>.main{ overflow:visible!important; } .task-workspace-shell>.workspace-main{ min-height:100vh; overflow:hidden; } @media(max-width:1100px){ .timesheet-shell, .task-workspace-shell{grid-template-columns:1fr!important;display:block!important} .timesheet-shell .side.acti-left-nav{position:relative!important;width:auto!important;height:auto!important;min-height:auto!important;z-index:1} .acti-left-nav .side-main-nav{overflow:visible!important} .acti-left-nav .side-bottom-nav{position:relative!important;box-shadow:none;background:transparent} .timesheet-shell>.main,.task-workspace-shell>.workspace-main{margin-left:0!important;width:100%!important} } /* V60: Work Status must not render as a timesheet task row. Locations row is the correct Timesheet-style row. */ .acti-week tbody > tr.work-status-row{display:none!important} /* V60 task row/overtime filing polish: timer status must not overlap workflow status or spent-time columns. */ .acti-task-table td:nth-child(4){min-width:190px;max-width:230px;white-space:normal!important} .acti-task-table td:nth-child(5){min-width:120px;white-space:normal!important;text-align:left} .acti-task-table .spent-cell{display:grid;gap:4px;align-content:center;min-width:96px} .acti-task-table .spent-cell>b{font-variant-numeric:tabular-nums;color:#0f2749} .running-mini{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:150px;border:1px solid #bbf7d0;background:#ecfdf5;color:#047857;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:850;line-height:1.1;white-space:nowrap} .running-mini.mine{background:#dcfce7;color:#065f46;border-color:#86efac} .acti-task-table td:nth-child(4) .task-timer-indicator{display:none!important} .acti-task-table .btn.tiny{white-space:nowrap} .acti-week .week-head .btn[data-open-request="overtime"], .acti-calendar-panel .week-head .btn[data-open-request="overtime"]{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa} .nav-submenu .nav[data-view="requests"]{color:#b9cdfd} .nav-submenu .nav[data-view="requests"].active{background:rgba(70,116,214,.36);box-shadow:inset 3px 0 0 #67a3ff;color:#fff} /* V60 task table alignment + visible overtime filing review */ .acti-task-table{min-width:1480px;table-layout:fixed;} .acti-task-table th:nth-child(1),.acti-task-table td:nth-child(1){width:42px;} .acti-task-table th:nth-child(2),.acti-task-table td:nth-child(2){width:58px;text-align:center;} .acti-task-table th:nth-child(3),.acti-task-table td:nth-child(3){width:320px;white-space:normal!important;} .acti-task-table th:nth-child(4),.acti-task-table td:nth-child(4){width:220px;} .acti-task-table th:nth-child(5),.acti-task-table td:nth-child(5){width:150px;} .acti-task-table th:nth-child(6),.acti-task-table td:nth-child(6){width:112px;} .acti-task-table th:nth-child(7),.acti-task-table td:nth-child(7){width:120px;} .acti-task-table th:nth-child(8),.acti-task-table td:nth-child(8){width:130px;} .acti-task-table th:nth-child(9),.acti-task-table td:nth-child(9){width:130px;} .acti-task-table th:nth-child(10),.acti-task-table td:nth-child(10){width:130px;} .acti-task-table th:nth-child(11),.acti-task-table td:nth-child(11){width:300px;} .task-status-cell .select.mini{width:100%;min-width:0;max-width:198px;} .spent-cell{display:grid;grid-template-columns:1fr;align-content:center;gap:4px;min-width:0;} .spent-cell>b{display:block;white-space:nowrap;} .spent-cell .task-timer-indicator.compact{display:inline-flex;align-items:center;max-width:132px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;border-radius:999px;font-size:10px;} .spent-cell .task-timer-indicator.compact b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;} .task-action-cell{white-space:normal!important;} .task-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0;} .task-row-actions .btn.tiny{white-space:nowrap;} .request-summary h3{font-size:14px;} .request-summary b{font-size:24px;} @media(max-width:1100px){.acti-task-table{min-width:1380px}.task-row-actions{justify-content:flex-start}} /* V60 permission wording/access clarity */ .permission-note{margin:4px 0 10px;line-height:1.45;} .permission-matrix h4{margin-bottom:4px;} /* V60 premium UI polish - clean, executive-grade Timesheet theme */ :root{ --premium-bg:#f6f9fd; --premium-panel:rgba(255,255,255,.92); --premium-border:#dbe8f6; --premium-text:#0f2749; --premium-muted:#64748b; --premium-primary:#2563eb; --premium-primary-2:#1d4ed8; --premium-soft:#eff6ff; --premium-shadow:0 18px 48px rgba(15,39,73,.10); --premium-shadow-sm:0 8px 22px rgba(15,39,73,.07); } html{background:var(--premium-bg)} body{font-feature-settings:"kern" 1,"liga" 1;background:linear-gradient(180deg,#f3f8ff 0,#f8fbff 240px,#f7fafc 100%);color:var(--premium-text)} .login{background:radial-gradient(circle at 45% 24%,#ffffff 0,#eef6ff 32%,#eaf2fb 100%)} .login-card{border:1px solid rgba(203,216,235,.86);box-shadow:0 28px 90px rgba(15,39,73,.18);backdrop-filter:blur(16px);border-radius:30px} .login-card h1{letter-spacing:-.035em}.login-card small{color:#58718e}.login-company-profile{background:linear-gradient(180deg,#f8fbff,#ffffff);border-color:#d8e7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)} .input,.textarea,select{border-color:#d5e4f6!important;background:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(15,39,73,.03);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease} .input:focus,.textarea:focus,select:focus{outline:none;border-color:#8bb9ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.12),0 6px 16px rgba(37,99,235,.07)} .btn{border-radius:13px;border:1px solid #dbe7f8;background:linear-gradient(180deg,#fff,#f4f8ff);box-shadow:0 4px 12px rgba(15,39,73,.05);font-weight:850;transition:transform .12s ease,box-shadow .12s ease,background .12s ease} .btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,39,73,.10)} .btn.primary{border-color:#2d6be9;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.22)} .btn.good{background:linear-gradient(180deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#14532d}.btn.danger{background:linear-gradient(180deg,#fff1f2,#ffe4e6);border-color:#fecdd3;color:#b91c1c} .card,.summary>div,.report-kpis>div,.pto-box,.time-summary-bar>div,.view-time-summary>div{background:var(--premium-panel);border:1px solid var(--premium-border);box-shadow:var(--premium-shadow-sm);border-radius:22px} .card h2,.card h3,.section-title h2{letter-spacing:-.02em}.muted,small{color:var(--premium-muted)} .top,.acti-top{background:rgba(255,255,255,.88)!important;border:1px solid rgba(219,232,246,.95)!important;box-shadow:0 18px 46px rgba(15,39,73,.08)!important;backdrop-filter:blur(18px)} .top h1,.acti-top h1{font-size:28px;letter-spacing:-.04em}.top p,.acti-top p{color:#66809c} .side.acti-left-nav{background:linear-gradient(180deg,#10234f 0%,#1e3a75 48%,#11224b 100%)!important;box-shadow:12px 0 32px rgba(15,23,42,.18)!important} .acti-left-nav .nav{position:relative;border-radius:0 18px 18px 0!important;margin:2px 8px 2px 0!important;color:#dce9ff!important;font-weight:850;transition:background .15s ease,transform .15s ease,color .15s ease} .acti-left-nav .nav:hover{background:rgba(96,165,250,.14)!important;transform:translateX(2px)} .acti-left-nav .nav.active{background:linear-gradient(90deg,#2563eb,#3b82f6)!important;color:#fff!important;box-shadow:0 12px 28px rgba(37,99,235,.30)!important} .acti-left-nav .nav.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:4px;border-radius:99px;background:#93c5fd} .workspace-tree{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-right:1px solid var(--premium-border);box-shadow:8px 0 24px rgba(15,39,73,.06)} .workspace-node.active,.tree-node.active{background:linear-gradient(90deg,#e0f2fe,#dbeafe)!important;color:#0f3d79;border-left:4px solid #3b82f6;box-shadow:inset 0 0 0 1px rgba(59,130,246,.06)} .table{border-radius:18px;overflow:hidden;border:1px solid #dbe8f6;background:#fff;box-shadow:0 10px 28px rgba(15,39,73,.06)} .table thead th{background:linear-gradient(180deg,#f1f7ff,#e6f0fd)!important;color:#23415f;text-transform:uppercase;font-size:11px;letter-spacing:.055em;border-bottom:1px solid #d2e1f4} .table td,.table th{border-color:#edf3f9!important}.table tbody tr{transition:background .12s ease,box-shadow .12s ease}.table tbody tr:hover{background:#f8fbff} .week thead th{background:linear-gradient(180deg,#4d94fb,#2563eb)!important;color:#fff!important}.week thead small{color:#dbeafe!important}.week .cell{background:#fff;border:1px dashed #a9c9f7;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.week .cell.has{background:linear-gradient(180deg,#eff6ff,#e0f2fe);border-style:solid;border-color:#93c5fd;color:#1d4ed8;font-weight:900} .leave-row td,.location-row td{background:#fbfdff}.location-row th,.leave-row th{background:#f8fbff;color:#123158} .task-status-cell select,.spent-cell{min-width:180px}.spent-cell{display:flex;gap:8px;align-items:center;white-space:nowrap}.task-row-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.timer-indicator{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#dcfce7;color:#166534;padding:5px 8px;font-weight:850;font-size:12px} .modal-backdrop{backdrop-filter:blur(7px);background:rgba(15,23,42,.45)!important}.modal{border-radius:26px;border:1px solid rgba(219,232,246,.98);box-shadow:0 40px 120px rgba(15,23,42,.26);background:linear-gradient(180deg,#fff,#fbfdff)} .modal h2{letter-spacing:-.035em}.permission-matrix{background:linear-gradient(180deg,#fbfdff,#fff);border-radius:18px}.permission-row{border-color:#e5eef9}.permission-row span{color:#102a4e}.assignment-list,.task-choice-list,.recent-timer-tasks{scrollbar-width:thin;scrollbar-color:#9bbbe8 #eef4fb} .badge{border-radius:999px;font-weight:850}.empty{border:1px dashed #bfd4ee;background:#f8fbff;border-radius:18px;color:#64748b;padding:26px;text-align:center} .toast,#toast{z-index:10000} @media(max-width:900px){.top h1,.acti-top h1{font-size:23px}.card{border-radius:18px}.table-scroll{border-radius:18px}.btn{border-radius:12px}} /* V61 PREMIUM EXECUTIVE UI STANDARD PASS Goal: professional HRIS/timesheet UI, closer to the reference arrangement while keeping all V60 functions. */ :root{ --premium-primary:#2563eb; --premium-primary-2:#1d4ed8; --premium-sidebar:#162a5a; --premium-sidebar-2:#0f1f48; --premium-bg:#f5f7fb; --premium-card:#ffffff; --premium-line:#dbe5f2; --premium-shadow:0 18px 50px rgba(15,23,42,.08); --premium-shadow-soft:0 8px 24px rgba(15,23,42,.06); --premium-radius:18px; --premium-text:#10203f; } html{background:var(--premium-bg);} body{ background:linear-gradient(180deg,#f7faff 0%,#eef4fc 100%)!important; color:var(--premium-text)!important; letter-spacing:-.01em; -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision; } body::before{ content:"";position:fixed;inset:0;pointer-events:none;z-index:-1; background:radial-gradient(circle at 70% -10%,rgba(37,99,235,.08),transparent 32%),radial-gradient(circle at 20% 18%,rgba(14,165,233,.07),transparent 28%); } .timesheet-shell,.actitime-shell,.shell{ grid-template-columns:148px minmax(0,1fr)!important; min-height:100vh!important; background:transparent!important; } .side.acti-left-nav,.side{ height:100vh!important; min-height:100vh!important; position:sticky!important; top:0!important; overflow:hidden!important; padding:16px 10px!important; background:linear-gradient(180deg,var(--premium-sidebar) 0%,var(--premium-sidebar-2) 100%)!important; border-right:1px solid rgba(255,255,255,.08)!important; border-radius:0!important; box-shadow:8px 0 30px rgba(15,23,42,.14)!important; } .side-main-nav{ flex:1 1 auto!important; overflow:auto!important; padding-right:2px!important; scrollbar-width:thin; } .side-bottom-nav{ flex:0 0 auto!important; margin-top:auto!important; padding-top:12px!important; border-top:1px solid rgba(255,255,255,.12)!important; background:linear-gradient(180deg,rgba(22,42,90,.88),rgba(15,31,72,.98))!important; } .acti-nav-brand,.brand{ min-height:56px!important; margin:0 0 14px!important; padding:2px 4px 14px!important; border-bottom:1px solid rgba(255,255,255,.10)!important; gap:8px!important; } .acti-nav-brand .brand-logo-box,.brand-logo-box{ width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important; overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.24)!important; } .acti-nav-brand b{font-size:13px!important;color:#b5ff52!important;letter-spacing:-.02em!important;line-height:1!important} .acti-nav-brand span{font-size:10px!important;color:#a9b9d8!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:82px!important} .nav,.logout,.mini-logout{ min-height:34px!important; padding:8px 9px!important; margin:1px 0!important; border-radius:8px!important; color:#c8d6f3!important; font-size:12px!important; font-weight:750!important; letter-spacing:-.01em!important; display:flex!important;align-items:center!important;gap:7px!important; } .nav:hover,.logout:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:none!important} .nav.active,.nav-parent.active-parent{ background:linear-gradient(135deg,#3b82f6,#245ed6)!important; color:#fff!important; box-shadow:inset 3px 0 0 rgba(255,255,255,.65),0 9px 18px rgba(37,99,235,.26)!important; } .nav-submenu{padding-left:4px!important;margin:4px 0 12px!important;border-left:1px solid rgba(255,255,255,.10)!important} .nav-submenu .nav{font-size:11px!important;line-height:1.1!important;padding-left:13px!important;min-height:31px!important;color:#b8c8e8!important} .nav-ico{opacity:.9;width:14px;text-align:center;display:inline-block} .main,.workspace-main{ padding:22px 26px 42px!important; background:transparent!important; overflow:auto!important; } .top.acti-top,.top{ background:rgba(255,255,255,.90)!important; border:1px solid var(--premium-line)!important; border-radius:18px!important; padding:16px 18px!important; margin-bottom:16px!important; box-shadow:var(--premium-shadow-soft)!important; backdrop-filter:blur(10px)!important; align-items:center!important; } .top h1{font-size:24px!important;line-height:1.12!important;letter-spacing:-.05em!important;margin:0 0 5px!important;color:#0f1b35!important} .top p{font-size:13px!important;color:#64748b!important;max-width:920px!important} .actions{gap:8px!important;align-items:center!important} .btn{ min-height:34px!important; padding:8px 13px!important; border-radius:11px!important; font-size:13px!important; font-weight:800!important; box-shadow:none!important; transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important; } .btn:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(37,99,235,.12)!important} .btn.primary{background:linear-gradient(135deg,#2f6df3,#1754d0)!important;color:#fff!important;box-shadow:0 10px 20px rgba(37,99,235,.22)!important} .btn.good{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;color:#047857!important} .circle-help,.avatar-pill{ width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important; display:inline-grid!important;place-items:center!important;border:1px solid var(--premium-line)!important;background:#fff!important;color:#27518f!important;font-weight:850!important; } .avatar-pill{background:linear-gradient(135deg,#8b5cf6,#3b82f6)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(59,130,246,.22)!important} .card,.stat,.summary>div,.calendar-panel,.acti-timesheet,.workspace-tree,.workspace-main .card,.shortcuts-panel,.widgets-panel,.create-report-panel,.acti-widget{ background:rgba(255,255,255,.96)!important; border:1px solid var(--premium-line)!important; border-radius:var(--premium-radius)!important; box-shadow:var(--premium-shadow-soft)!important; } .card{padding:17px!important;margin-bottom:16px!important} .card h2,.shortcuts-panel h2,.widgets-panel h2,.create-report-panel h2{font-size:18px!important;letter-spacing:-.04em!important;color:#10203f!important;margin-bottom:12px!important} .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important} .stat{padding:15px 16px!important;position:relative!important;overflow:hidden!important} .stat::after{content:"";position:absolute;right:-24px;top:-28px;width:72px;height:72px;border-radius:50%;background:rgba(37,99,235,.08)} .stat b{font-size:25px!important;color:#0f1b35!important;letter-spacing:-.05em!important} .stat span{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#64748b!important;font-weight:750!important} .input,.select,.textarea{ min-height:38px!important;border-radius:11px!important;border-color:#d5e1f1!important;background:#fff!important; color:#0f172a!important;font-size:13px!important; } .input:focus,.select:focus,.textarea:focus{border-color:#7aa7ff!important;outline:3px solid rgba(37,99,235,.14)!important} .table-scroll{border-radius:15px!important;border:1px solid var(--premium-line)!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.04)!important} .table{font-size:13px!important;background:#fff!important;border-collapse:separate!important;border-spacing:0!important} .table th{ background:#f3f7fc!important;color:#52627a!important;font-size:11px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important; padding:10px 12px!important;border-bottom:1px solid var(--premium-line)!important; } .table td{padding:10px 12px!important;border-bottom:1px solid #edf2f7!important;color:#1e293b!important;vertical-align:middle!important} .table tbody tr:hover td{background:#f8fbff!important} .week-head{margin-bottom:12px!important;align-items:center!important} .week-head h2{font-size:20px!important;color:#0f1b35!important;letter-spacing:-.045em!important} .strip{ border:1px solid #cfe0f6!important;background:linear-gradient(180deg,#f4f9ff,#eaf4ff)!important;border-radius:12px!important; padding:10px 12px!important;font-size:13px!important;margin-bottom:12px!important;gap:14px!important; } .acti-timesheet{padding:16px!important;overflow:hidden!important} .week.acti-week th:first-child,.acti-week th:first-child{min-width:245px!important;width:245px!important;position:sticky!important;left:0!important;z-index:3!important;background:#fff!important;border-right:1px solid var(--premium-line)!important} .week.acti-week thead th:first-child{background:linear-gradient(180deg,#2f76e5,#1d5ecb)!important;color:#fff!important;z-index:5!important} .week.acti-week thead th{ background:linear-gradient(180deg,#3d82ec,#2066dc)!important;color:#fff!important;text-align:center!important;min-width:128px!important;padding:11px 10px!important; } .week.acti-week thead small{color:#dceaff!important;font-size:10px!important;font-weight:750!important} .week.acti-week tbody th{font-weight:750!important;background:#fff!important;vertical-align:middle!important} .week.acti-week tbody th b{display:block!important;font-size:12px!important;line-height:1.15!important;color:#13213a!important} .week.acti-week tbody th small{font-size:10.5px!important;color:#64748b!important;line-height:1.15!important} .leave-row td,.location-row td{background:#fbfdff!important;text-align:center!important;color:#64748b!important} .location-row td{background:#f7fbff!important} .linklike{color:#275fc5!important;text-decoration:none!important;border:0!important;background:transparent!important;font-weight:750!important;cursor:pointer!important} .cell{ min-height:34px!important;border-radius:11px!important;border:1px dashed #b8cff4!important;background:#fbfdff!important;font-size:13px!important; } .cell:hover{background:#eff6ff!important;border-color:#7aa7ff!important;box-shadow:0 7px 18px rgba(37,99,235,.10)!important} .cell.has{border:1px solid #9cc0ff!important;background:linear-gradient(180deg,#eaf3ff,#dcebff)!important;color:#0f4aa8!important} .cell.closed{background:#f8fafc!important;color:#94a3b8!important;border-color:#e2e8f0!important} .acti-calendar-panel{padding:16px!important} .calendar thead th{background:linear-gradient(180deg,#3d82ec,#2066dc)!important;color:white!important} .calendar tbody th{background:#f8fbff!important;color:#64748b!important} .calendar td{height:64px!important;background:#fff!important} .calendar td:hover{background:#f5f9ff!important;box-shadow:inset 0 0 0 2px #9cc0ff!important} .split,.task-workspace-shell{gap:0!important} .task-workspace-shell{grid-template-columns:148px 282px minmax(0,1fr)!important;background:transparent!important} .workspace-tree{ border-radius:0!important;border-top:0!important;border-bottom:0!important;box-shadow:10px 0 30px rgba(15,23,42,.05)!important; background:#fff!important;padding:16px 14px!important;min-height:100vh!important; } .workspace-tree h2{font-size:15px!important;margin:0 0 12px!important;color:#10203f!important;letter-spacing:-.03em!important} .workspace-tree .input{height:36px!important;min-height:36px!important} .tree summary{border-radius:8px!important;padding:7px 8px!important;font-size:12px!important;color:#24324a!important} .tree summary:hover{background:#f1f7ff!important} .tree p{font-size:12px!important;border-radius:10px!important;padding:7px 8px!important;margin:2px 0 2px 10px!important;color:#475569!important} .tree p.active,.tree button.active{background:#dcecff!important;color:#164ea8!important;border-left:3px solid #3b82f6!important} .workspace-main{padding:20px 24px 42px!important} .task-table{min-width:1180px!important;table-layout:fixed!important} .task-table th,.task-table td{vertical-align:middle!important} .task-table .task-status-cell{width:210px!important;min-width:210px!important;max-width:210px!important;overflow:visible!important} .task-table .spent-cell{width:140px!important;min-width:140px!important;white-space:nowrap!important} .task-timer-indicator{ display:inline-flex!important;align-items:center!important;gap:6px!important;margin-left:6px!important;border:1px solid #bbf7d0!important;background:#ecfdf5!important;color:#047857!important;border-radius:999px!important;padding:4px 8px!important;font-size:11px!important;white-space:nowrap!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important; } .task-timer-indicator.compact{display:inline-flex!important;margin-top:0!important} .pulse-dot{width:7px!important;height:7px!important;background:#22c55e!important;border-radius:50%!important;box-shadow:0 0 0 4px rgba(34,197,94,.15)!important;flex:0 0 auto!important} .task-row-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important;min-width:236px!important} .task-row-actions .btn{min-height:30px!important;padding:6px 10px!important;font-size:12px!important;border-radius:10px!important} .badge{border-radius:999px!important;padding:5px 9px!important;font-size:11px!important;font-weight:850!important} .modal-backdrop{background:rgba(15,23,42,.42)!important;backdrop-filter:blur(6px)!important} .modal{border-radius:22px!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 40px 120px rgba(15,23,42,.32)!important;padding:24px!important} .modal h2{font-size:23px!important;letter-spacing:-.05em!important} .login{ background:radial-gradient(circle at 64% 10%,rgba(37,99,235,.14),transparent 32%),linear-gradient(135deg,#f8fbff,#ecf4ff)!important; } .login-card{ width:min(610px,calc(100vw - 32px))!important;border-radius:30px!important;padding:34px!important; box-shadow:0 38px 110px rgba(15,23,42,.18)!important;border:1px solid rgba(255,255,255,.75)!important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94))!important; } .login-card h1{font-size:30px!important;letter-spacing:-.06em!important;color:#0f1b35!important} .login-card small{color:#64748b!important} .login-company-profile{background:#f7fbff!important;border:1px solid var(--premium-line)!important;border-radius:14px!important;padding:12px 14px!important;font-weight:850!important;color:#10203f!important} .login-logo{width:58px!important;height:58px!important;border-radius:18px!important} .empty{background:#f8fbff!important;border-color:#c8dbf6!important;color:#64748b!important} #toast{right:22px!important;bottom:22px!important;border-radius:14px!important;background:#10203f!important;box-shadow:0 20px 45px rgba(15,23,42,.24)!important} .video-parity-strip{display:none!important} @media(max-width:1180px){ .timesheet-shell,.actitime-shell,.shell{grid-template-columns:136px minmax(0,1fr)!important} .task-workspace-shell{grid-template-columns:136px 260px minmax(0,1fr)!important} .main,.workspace-main{padding:18px!important} .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:760px){ .timesheet-shell,.actitime-shell,.shell,.task-workspace-shell{grid-template-columns:1fr!important} .side{position:relative!important;height:auto!important;min-height:auto!important;overflow:visible!important} .workspace-tree{min-height:auto!important;border-radius:18px!important;margin:12px!important} .top{align-items:flex-start!important;flex-direction:column!important} .stats{grid-template-columns:1fr!important} } /* V63 ACTITIME-ACCURATE COMPACT UI STANDARD PASS Goal: closer to the actual actiTIME desktop web layout: compact 12px UI, narrow dark sidebar, light secondary project panel, smaller headers, flatter cards, tighter tables, and cleaner weekly timesheet proportions. */ :root{ --at-sidebar:#12224d; --at-sidebar-2:#203a76; --at-blue:#3f86d8; --at-blue-dark:#2c68bf; --at-bg:#eef4fb; --at-card:#ffffff; --at-border:#d8e2ef; --at-line:#e7eef7; --at-text:#172033; --at-muted:#627187; --at-shadow:0 8px 22px rgba(20,40,80,.07); --at-radius:6px; } html{font-size:12px!important;} body{ font-family:Arial,"Segoe UI",Roboto,sans-serif!important; font-size:12px!important; line-height:1.28!important; background:#eef4fb!important; color:var(--at-text)!important; } body::before{display:none!important;} .timesheet-shell,.actitime-shell,.shell{ grid-template-columns:116px minmax(0,1fr)!important; background:#eef4fb!important; } .side.acti-left-nav,.side{ width:116px!important; padding:8px 0!important; background:linear-gradient(180deg,var(--at-sidebar),var(--at-sidebar-2))!important; box-shadow:none!important; border-right:1px solid rgba(0,0,0,.12)!important; } .acti-nav-brand,.brand{ min-height:56px!important; padding:6px 8px 8px!important; margin:0!important; border-bottom:1px solid rgba(255,255,255,.08)!important; display:flex!important; gap:6px!important; align-items:center!important; } .acti-nav-brand .brand-logo-box,.brand-logo-box{width:27px!important;height:27px!important;min-width:27px!important;border-radius:6px!important;} .acti-nav-brand b{font-size:11px!important;line-height:1!important;color:#b7ff55!important;font-weight:800!important;} .acti-nav-brand span{font-size:9px!important;line-height:1.1!important;max-width:68px!important;color:#aebedd!important;} .side-main-nav,.side-bottom-nav{padding:0!important;} .side-bottom-nav{background:transparent!important;border-top:1px solid rgba(255,255,255,.10)!important;padding-top:8px!important;margin-top:auto!important;} .nav,.logout,.mini-logout{ min-height:30px!important; padding:6px 9px!important; margin:0!important; border-radius:0!important; font-size:11px!important; line-height:1.1!important; font-weight:700!important; color:#bfd0ef!important; gap:5px!important; } .nav.active,.nav-parent.active-parent{ background:#2f63b7!important; box-shadow:inset 3px 0 0 #6aa6ff!important; border-radius:0!important; } .nav-submenu{margin:0 0 6px!important;padding:2px 0 4px!important;border-left:0!important;} .nav-submenu .nav{font-size:10.5px!important;padding:5px 9px 5px 28px!important;min-height:25px!important;color:#c5d5f2!important;} .nav-ico{width:12px!important;font-size:10px!important;} .main,.workspace-main{ padding:14px 18px 28px!important; background:#eef4fb!important; } .top.acti-top,.top{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:0 0 12px!important; margin:0 0 10px!important; align-items:flex-start!important; } .top h1{font-size:20px!important;line-height:1.15!important;letter-spacing:-.015em!important;margin:0 0 3px!important;font-weight:600!important;color:#15233b!important;} .top p{font-size:12px!important;line-height:1.3!important;color:#68778e!important;} .actions,.toolbar,.form-actions,.week-head{gap:6px!important;} .btn{ min-height:28px!important; padding:5px 10px!important; border-radius:4px!important; font-size:12px!important; font-weight:600!important; background:#e8f0fb!important; color:#265b9f!important; border:1px solid #d5e1f1!important; box-shadow:none!important; } .btn:hover{transform:none!important;box-shadow:none!important;background:#dfeaf8!important;} .btn.primary{background:#2f76df!important;border-color:#2f76df!important;color:#fff!important;box-shadow:none!important;} .btn.good{background:#dff4e9!important;color:#0a6e45!important;border-color:#c7e8d6!important;} .btn.tiny,.task-row-actions .btn{min-height:24px!important;padding:4px 7px!important;font-size:11px!important;border-radius:4px!important;} .circle-help,.avatar-pill{width:28px!important;height:28px!important;min-width:28px!important;font-size:11px!important;box-shadow:none!important;} .card,.stat,.summary>div,.calendar-panel,.acti-timesheet,.workspace-tree,.workspace-main .card,.shortcuts-panel,.widgets-panel,.create-report-panel,.acti-widget{ border:1px solid var(--at-border)!important; border-radius:var(--at-radius)!important; box-shadow:var(--at-shadow)!important; background:#fff!important; } .card{padding:12px!important;margin-bottom:12px!important;} .card h2,.shortcuts-panel h2,.widgets-panel h2,.create-report-panel h2{font-size:16px!important;margin:0 0 9px!important;font-weight:600!important;letter-spacing:0!important;} .stats{gap:10px!important;margin-bottom:12px!important;} .stat{padding:10px 12px!important;} .stat::after{display:none!important;} .stat b{font-size:20px!important;letter-spacing:0!important;} .stat span{font-size:10.5px!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important;} .input,.select,.textarea{ min-height:30px!important; height:auto!important; border-radius:4px!important; padding:5px 8px!important; font-size:12px!important; border:1px solid #cfdceb!important; } .textarea{min-height:68px!important;} .table-scroll{border-radius:5px!important;box-shadow:none!important;border:1px solid var(--at-border)!important;} .table{font-size:12px!important;border-collapse:collapse!important;} .table th{font-size:10.5px!important;letter-spacing:.02em!important;padding:7px 8px!important;background:#f2f6fb!important;color:#4c5c72!important;} .table td{padding:7px 8px!important;border-bottom:1px solid var(--at-line)!important;} .table tbody tr:hover td{background:#f8fbff!important;} .week-head{margin-bottom:8px!important;} .week-head h2{font-size:18px!important;font-weight:600!important;letter-spacing:0!important;} .strip{padding:7px 10px!important;border-radius:5px!important;font-size:12px!important;margin-bottom:9px!important;gap:12px!important;background:#e9f3ff!important;} .acti-timesheet{padding:10px!important;} .week.acti-week th:first-child,.acti-week th:first-child{min-width:245px!important;width:245px!important;} .week.acti-week thead th{min-width:108px!important;padding:8px 8px!important;background:#3e86d8!important;font-size:12px!important;} .week.acti-week thead th:first-child{background:#3e86d8!important;} .week.acti-week thead small{font-size:9.5px!important;font-weight:600!important;color:#edf6ff!important;} .week.acti-week tbody th b{font-size:11.5px!important;font-weight:700!important;} .week.acti-week tbody th small{font-size:9.5px!important;} .leave-row td,.location-row td{font-size:11.5px!important;padding:8px!important;} .linklike{font-size:12px!important;font-weight:600!important;color:#2e6ebd!important;} .cell{min-height:28px!important;border-radius:5px!important;font-size:11.5px!important;padding:4px 6px!important;} .cell.has{background:#e4f0ff!important;} .calendar thead th{padding:8px!important;background:#3e86d8!important;} .calendar tbody th{font-size:11px!important;padding:8px!important;} .calendar td{height:54px!important;padding:4px!important;} .plus{width:21px!important;height:21px!important;border-radius:5px!important;top:5px!important;right:5px!important;} .block{padding:4px 6px!important;border-radius:5px!important;font-size:11px!important;margin-right:25px!important;} .task-workspace-shell{grid-template-columns:116px 245px minmax(0,1fr)!important;} .workspace-tree{padding:10px 9px!important;min-height:100vh!important;border-radius:0!important;box-shadow:none!important;border-left:0!important;border-top:0!important;border-bottom:0!important;} .workspace-tree h2{font-size:13px!important;font-weight:600!important;margin-bottom:8px!important;} .workspace-tree .input{height:28px!important;min-height:28px!important;} .tree summary{font-size:11.5px!important;padding:5px 6px!important;border-radius:4px!important;font-weight:700!important;} .tree p{font-size:11px!important;padding:5px 7px!important;margin:1px 0 1px 10px!important;border-radius:4px!important;} .tree p.active,.tree button.active{background:#d8eaff!important;border-left:3px solid #3e86d8!important;} .workspace-main{padding:14px 16px 28px!important;} .task-table{min-width:1080px!important;} .task-table .task-status-cell{width:190px!important;min-width:190px!important;max-width:190px!important;} .task-table .spent-cell{width:120px!important;min-width:120px!important;} .task-timer-indicator{font-size:10px!important;padding:2px 6px!important;max-width:104px!important;} .pulse-dot{width:6px!important;height:6px!important;} .task-row-actions{gap:4px!important;min-width:205px!important;} .badge{font-size:10.5px!important;padding:3px 7px!important;} .modal-backdrop{backdrop-filter:none!important;background:rgba(16,28,50,.42)!important;} .modal{border-radius:6px!important;padding:18px!important;box-shadow:0 18px 55px rgba(0,0,0,.25)!important;} .modal h2{font-size:18px!important;font-weight:600!important;letter-spacing:0!important;margin-bottom:12px!important;} .form{gap:10px!important;} .form-grid{gap:9px!important;} .login{background:#eef4fb!important;} .login-card{width:min(520px,calc(100vw - 32px))!important;border-radius:10px!important;padding:24px!important;box-shadow:0 18px 50px rgba(21,47,89,.15)!important;} .login-card h1{font-size:23px!important;font-weight:600!important;letter-spacing:0!important;} .login-logo{width:48px!important;height:48px!important;border-radius:10px!important;} .login-company-profile{border-radius:5px!important;padding:9px 10px!important;font-size:12px!important;} .permission-matrix{border-radius:5px!important;padding:10px!important;} .permission-row{grid-template-columns:18px 1fr 1.25fr!important;padding:7px 0!important;} .permission-row span,.permission-row small{font-size:11.5px!important;} .time-summary-bar,.report-kpis{gap:9px!important;} .time-summary-bar>div,.report-kpis>div,.pto-box{padding:10px!important;border-radius:5px!important;box-shadow:none!important;} .time-summary-bar b,.report-kpis b{font-size:19px!important;} .summary{gap:10px!important;} .summary>div{padding:10px!important;} .summary b{font-size:19px!important;} .pdf-page,.pdf-preview-page{border-radius:5px!important;padding:20px!important;} #toast{right:14px!important;bottom:14px!important;border-radius:5px!important;padding:9px 12px!important;font-size:12px!important;} .video-parity-strip{display:none!important;} @media(max-width:1180px){ .timesheet-shell,.actitime-shell,.shell{grid-template-columns:110px minmax(0,1fr)!important;} .task-workspace-shell{grid-template-columns:110px 230px minmax(0,1fr)!important;} .main,.workspace-main{padding:12px!important;} } @media(max-width:760px){ .timesheet-shell,.actitime-shell,.shell,.task-workspace-shell{grid-template-columns:1fr!important;} .side{position:relative!important;width:auto!important;height:auto!important;min-height:auto!important;} .workspace-tree{min-height:auto!important;border-radius:5px!important;margin:8px!important;} .top{flex-direction:column!important;} } /* V65 uploaded-video exact compact UI override: desktop app proportions */ :root{ --sidebar-w:112px; --panel-w:248px; --font-main:12px; --font-small:11px; --font-tiny:10px; --radius-sm:4px; --radius-md:7px; --radius-lg:10px; --line:#dce6f2; --line-soft:#edf3fa; --panel-bg:#fff; --page-bg:#f3f7fc; --blue:#2f7edb; --blue-dark:#1e5dac; --sidebar:#192a57; --sidebar2:#223f82; } html,body{font-size:var(--font-main);line-height:1.25;background:var(--page-bg);} body,*{letter-spacing:0!important;} .app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)!important;} .sidebar{width:var(--sidebar-w)!important;background:linear-gradient(180deg,#14234e 0%,#1e326b 60%,#172858 100%)!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:none!important;} .brand{padding:10px 8px!important;gap:7px!important;min-height:46px!important;} .brand img,.brand-logo{width:24px!important;height:24px!important;border-radius:5px!important;} .brand b{font-size:10px!important;line-height:1!important;} .brand span,.brand small{font-size:9px!important;line-height:1!important;color:#b9c7e6!important;} .nav{min-height:28px!important;padding:7px 8px!important;font-size:11px!important;font-weight:600!important;border-radius:0!important;gap:7px!important;} .nav-sub .nav,.subnav .nav{min-height:24px!important;padding:5px 8px 5px 30px!important;font-size:10px!important;font-weight:500!important;} .sidebar-bottom{padding:8px 0!important;border-top:1px solid rgba(255,255,255,.12)!important;} .main{padding:14px 16px 20px!important;} .page-head,.topbar,.header-card{min-height:46px!important;padding:10px 14px!important;border-radius:9px!important;margin-bottom:12px!important;box-shadow:0 1px 2px rgba(21,42,74,.05)!important;} .page-head h1,.page-title h1{font-size:19px!important;line-height:1.15!important;margin:0 0 4px!important;font-weight:600!important;color:#111827!important;} .page-head p,.page-title p{font-size:12px!important;margin:0!important;color:#62748d!important;} h1{font-size:19px!important} h2{font-size:15px!important} h3{font-size:13px!important} h4{font-size:12px!important} .card,.calendar-panel,.acti-dashboard>div,.create-report-panel,.modal-card{border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:0 1px 2px rgba(21,42,74,.04)!important;background:#fff!important;} .card{padding:12px!important;margin-bottom:12px!important;} .btn,.select,.input,button,input,select,textarea{font-size:12px!important;} .btn{min-height:28px!important;padding:6px 10px!important;border-radius:6px!important;font-weight:600!important;box-shadow:none!important;} .btn.primary{background:#2c7be5!important;border-color:#2c7be5!important;color:#fff!important;} .btn.good{background:#dff8e8!important;color:#167044!important;border-color:#bfe9d0!important;} .btn.tiny{min-height:23px!important;padding:4px 7px!important;font-size:11px!important;border-radius:5px!important;} .input,.select,.textarea{min-height:30px!important;padding:6px 9px!important;border:1px solid #cedced!important;border-radius:6px!important;box-shadow:none!important;background:#fff!important;} .textarea{min-height:64px!important;} .toolbar,.week-head,.chart-head,.section-title{gap:8px!important;margin-bottom:10px!important;align-items:center!important;} .week-head{padding:0!important;} .week-head h2{font-size:16px!important;font-weight:600!important;margin:0!important;} .strip{padding:7px 10px!important;border-radius:6px!important;font-size:11px!important;margin:8px 0 10px!important;} .week-filters{padding:9px!important;gap:8px!important;margin-bottom:10px!important;border-radius:7px!important;} .table{font-size:11.5px!important;border-collapse:separate!important;border-spacing:0!important;} .table th{font-size:10px!important;text-transform:none!important;color:#465a73!important;font-weight:700!important;background:#f3f7fc!important;padding:7px 8px!important;border-bottom:1px solid var(--line)!important;} .table td{font-size:11.5px!important;padding:7px 8px!important;border-bottom:1px solid var(--line-soft)!important;vertical-align:middle!important;} .table tr:hover td{background:#f9fbfe!important;} .table small{font-size:10px!important;color:#75869d!important;} .table-scroll{border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;overflow:auto!important;} .acti-week{table-layout:fixed!important;min-width:1040px!important;} .acti-week thead th{height:38px!important;background:#3c86e8!important;color:#fff!important;text-align:center!important;border-right:1px solid rgba(255,255,255,.25)!important;} .acti-week thead th:first-child{width:270px!important;text-align:left!important;} .acti-week thead th:last-child{width:72px!important;} .acti-week thead small{display:block!important;color:#eef7ff!important;font-size:10px!important;font-weight:500!important;} .acti-week tbody th{background:#fff!important;text-align:left!important;width:270px!important;font-size:11.5px!important;color:#1f2d3d!important;} .acti-week tbody td{height:34px!important;text-align:center!important;} .acti-week .leave-row th,.acti-week .location-row th{background:#f7fbff!important;font-weight:600!important;color:#1b2c48!important;} .cell{min-height:24px!important;padding:4px 6px!important;border-radius:7px!important;border:1px dashed #bad8fc!important;font-size:11px!important;line-height:1.1!important;background:#fafdff!important;color:#226dd1!important;} .cell.has{background:#e9f3ff!important;border-style:solid!important;color:#0f4d9c!important;font-weight:700!important;} .linklike{font-size:11.5px!important;} .location-cell,.leave-cell{font-size:11px!important;color:#4772a8!important;} .time-summary-bar,.summary,.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:10px!important;margin-bottom:12px!important;} .time-summary-bar>div,.summary>div,.stat{padding:10px!important;border-radius:8px!important;box-shadow:none!important;border:1px solid var(--line)!important;background:#fff!important;} .time-summary-bar b,.summary b,.stat b{font-size:18px!important;} .time-summary-bar span,.summary span,.stat span{font-size:11px!important;} .calendar th,.calendar td{height:42px!important;font-size:11px!important;} .calendar thead th{height:40px!important;background:#3c86e8!important;color:#fff!important;} .tasks-layout,.tasks-workspace,.tasks-shell{grid-template-columns:var(--panel-w) minmax(0,1fr)!important;gap:14px!important;} .projects-panel,.customers-panel{width:var(--panel-w)!important;min-width:var(--panel-w)!important;border-radius:8px!important;box-shadow:0 1px 2px rgba(21,42,74,.05)!important;} .projects-panel h2,.customers-panel h2{font-size:13px!important;} .project-tree button,.customer-project-tree button{font-size:11px!important;padding:6px 8px!important;border-radius:4px!important;min-height:28px!important;} .task-table,.tasks-table{table-layout:fixed!important;min-width:1080px!important;} .task-table th,.task-table td,.tasks-table th,.tasks-table td{padding:7px 8px!important;} .task-row-actions,.row-actions{display:flex!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important;} .timer-pill,.badge,.status-pill{font-size:10px!important;padding:2px 6px!important;border-radius:999px!important;white-space:nowrap!important;} .modal{align-items:flex-start!important;padding-top:34px!important;} .modal-card{max-width:860px!important;padding:14px 16px!important;max-height:86vh!important;overflow:auto!important;} .modal-card h2{font-size:16px!important;margin-bottom:10px!important;} .form-section{padding:11px!important;border-radius:8px!important;margin-bottom:10px!important;} .form-grid{gap:10px!important;} .permission-matrix{padding:9px!important;border-radius:7px!important;} .permission-matrix .checkline{min-height:30px!important;} .access-grid .project-access-control{min-height:44px!important;padding:8px!important;border-radius:7px!important;} .login{background:#eef4fb!important;} .login-card{width:430px!important;padding:26px!important;border-radius:14px!important;box-shadow:0 20px 60px rgba(29,48,84,.13)!important;} .login-card h1{font-size:21px!important;} .login-card small{font-size:11px!important;} .acti-dashboard{grid-template-columns:minmax(270px,.9fr) minmax(360px,1.1fr) 270px!important;gap:14px!important;} .create-report-panel button{min-height:28px!important;font-size:11px!important;border-radius:3px!important;margin:3px 0!important;} .widget-grid{grid-template-columns:1fr!important;gap:10px!important;} .widget{min-height:126px!important;padding:12px!important;border-radius:8px!important;} .widget h3{font-size:14px!important;} .widget .widget-total{font-size:24px!important;} .empty{font-size:12px!important;padding:22px!important;border-radius:8px!important;} .version{display:none!important;} @media (max-width:1100px){.acti-dashboard{grid-template-columns:1fr!important}.tasks-layout,.tasks-workspace,.tasks-shell{grid-template-columns:1fr!important}.projects-panel,.customers-panel{width:auto!important;min-width:0!important}.app-shell{grid-template-columns:96px minmax(0,1fr)!important}.sidebar{width:96px!important}} /* V64 reporting analysis parity additions */ .report-analysis-module{border-left:3px solid var(--blue);} .analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} .analysis-grid>div{background:#f8fbff;border:1px solid #d9e5f7;border-radius:8px;padding:10px;} .analysis-grid h3{font-size:12px;margin:0 0 6px;} .analysis-grid ul{margin:0;padding-left:16px;color:#44546a;font-size:11.5px;line-height:1.55;} @media(max-width:1000px){.analysis-grid{grid-template-columns:1fr;}} /* V65 uploaded video parity: settings, progress monitoring and exact compact proportions */ :root{--sidebar-w:106px;--panel-w:240px;--font-main:11.5px;--font-small:10.5px;--font-tiny:9.5px;--blue:#3e8ce4;--header-blue:#dff0ff;} html,body{font-size:11.5px!important;background:#f7fbff!important;} .main{padding:12px 14px 18px!important;} .page-head,.topbar,.header-card{border-radius:6px!important;min-height:42px!important;padding:8px 12px!important;margin-bottom:10px!important;background:#fff!important;} .page-head h1,.page-title h1,h1{font-size:17px!important;font-weight:600!important;} .page-head p,.page-title p{font-size:11px!important;color:#6b7d90!important;} .card{border-radius:5px!important;padding:10px!important;margin-bottom:10px!important;box-shadow:none!important;} .btn{min-height:25px!important;padding:5px 8px!important;font-size:11px!important;border-radius:4px!important;} .input,.select,.textarea{min-height:27px!important;padding:5px 7px!important;font-size:11px!important;border-radius:4px!important;} .table th{font-size:9.5px!important;padding:6px 7px!important;} .table td{font-size:11px!important;padding:6px 7px!important;} .sidebar{width:106px!important;} .app-shell{grid-template-columns:106px minmax(0,1fr)!important;} .nav{font-size:10.5px!important;min-height:27px!important;padding:6px 7px!important;} .nav-sub .nav,.subnav .nav{font-size:9.5px!important;min-height:22px!important;padding-left:26px!important;} .brand{padding:8px 7px!important;} .brand img,.brand-logo{width:22px!important;height:22px!important;} .acti-week thead th{height:33px!important;font-size:10.5px!important;} .acti-week thead th:first-child,.acti-week tbody th{width:250px!important;} .acti-week tbody td{height:30px!important;} .cell{min-height:21px!important;padding:3px 5px!important;font-size:10.5px!important;border-radius:5px!important;} .tasks-layout,.tasks-workspace,.tasks-shell{grid-template-columns:240px minmax(0,1fr)!important;gap:11px!important;} .projects-panel,.customers-panel{width:240px!important;min-width:240px!important;} .login-card{width:410px!important;padding:22px!important;border-radius:10px!important;} .login-card h1{font-size:20px!important;} .modal-card{max-width:820px!important;padding:13px 15px!important;border-radius:6px!important;} .modal-card h2{font-size:15px!important;} .settings-reference-layout{max-width:760px;margin:0 auto 12px;background:#fff;border:1px solid #dbe7f3;border-radius:4px;box-shadow:0 1px 2px rgba(25,45,80,.04);} .settings-reference-title{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e7eef8;} .settings-reference-title h2{font-size:15px!important;margin:0;} .settings-reference-title p{font-size:10.5px;margin:0;color:#6f7f90;} .feature-console{display:grid;grid-template-columns:1fr;gap:0;} .feature-section{display:grid;grid-template-columns:185px minmax(0,1fr);border-bottom:1px solid #e6eef7;min-height:48px;} .feature-section:last-child{border-bottom:0;} .feature-section aside{background:#f2f7fd;border-right:1px solid #dce8f5;padding:12px 12px;display:flex;gap:7px;align-items:flex-start;color:#40536d;} .feature-section aside b{font-size:11px;font-weight:600;} .feature-toggle{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef3f8;padding:0 12px;font-size:10.8px;color:#334155;} .feature-toggle:last-child{border-bottom:0;} .feature-toggle.indent span{padding-left:14px;color:#798698;} .feature-toggle input{appearance:none;width:26px;height:14px;border-radius:999px;background:#c7d3e1;position:relative;cursor:pointer;} .feature-toggle input:before{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);} .feature-toggle input:checked{background:#58a6ea;} .feature-toggle input:checked:before{left:14px;} .general-console{display:grid;grid-template-columns:150px minmax(0,1fr) 130px;max-width:780px;min-height:360px;} .settings-left-nav{background:#f0f5fb;border-right:1px solid #dce8f5;padding:10px 9px;} .settings-left-nav button{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:3px;padding:8px 9px;font-size:10.8px;color:#39506a;margin-bottom:3px;} .settings-left-nav button.active{background:#dbeaff;color:#1f5d9e;font-weight:700;} .settings-form-preview{padding:14px 18px;} .settings-form-preview h2{font-size:15px!important;margin:0 0 12px;} .settings-form-preview h3{font-size:11px!important;margin:12px 0 8px;color:#25354a;} .settings-grid-form{display:grid;grid-template-columns:180px 180px;gap:8px 14px;align-items:end;} .settings-grid-form label{font-size:10.5px;color:#45566b;} .settings-video-kv{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr));} .settings-preview-card{padding:36px 12px 0;border-left:1px solid #eef3f8;} .settings-preview-card h3{font-size:10px!important;color:#576579;margin:0 0 8px;text-transform:uppercase;} .tree-preview{background:#edf3ff;border-radius:3px;padding:12px 13px;color:#74839a;line-height:1.7;} .tree-preview b,.tree-preview span,.tree-preview em{display:block;font-size:10.5px;} .tree-preview em{margin-left:30px;color:#3b72bf;font-style:normal;} .progress-monitoring-card{max-width:980px;margin-left:auto;margin-right:auto;} .progress-monitoring-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;} .progress-monitoring-grid>div{border:1px solid #dce8f5;border-radius:5px;background:#f8fbff;padding:10px;min-height:72px;} .progress-monitoring-grid b{display:block;font-size:11px;color:#14213d;margin-bottom:6px;} .progress-monitoring-grid span{display:block;font-size:10.5px;color:#607188;line-height:1.35;} @media(max-width:900px){.general-console{grid-template-columns:1fr}.settings-left-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #dce8f5}.settings-left-nav button{white-space:nowrap;width:auto}.settings-preview-card{display:none}.settings-grid-form{grid-template-columns:1fr}.progress-monitoring-grid{grid-template-columns:1fr}.feature-section{grid-template-columns:1fr}.feature-section aside{border-right:0;border-bottom:1px solid #dce8f5}} /* V66 HRIS statistical dashboard premium theme inspired by provided HRIS screenshot */ :root{ --hris-top:#203a52; --hris-top-2:#172f47; --hris-bg:#eef5ff; --hris-blue:#176cff; --hris-blue-2:#1f8bff; --hris-yellow:#ffcf21; --hris-card:#ffffff; --hris-shadow:0 18px 44px rgba(17,37,68,.12); --hris-radius:18px; --font-main:12px; } body{font-size:var(--font-main);background:linear-gradient(135deg,#edf5ff 0%,#f7fbff 45%,#f3efff 100%);} body:has(.hris-topbar){padding-top:50px;} .hris-topbar{position:fixed;left:0;right:0;top:0;height:50px;background:linear-gradient(90deg,var(--hris-top),var(--hris-top-2));z-index:2000;display:flex;align-items:center;padding:0 16px;color:#fff;box-shadow:0 8px 22px rgba(11,31,53,.18)} .hris-wordmark{font-weight:900;font-size:15px;letter-spacing:.02em;margin-right:22px;color:#fff} .hris-menu{display:flex!important;align-items:center;gap:0;flex:1;flex-direction:row!important;min-width:0} .hris-menu button{border:0;background:transparent;color:#fff;padding:16px 13px;height:50px;font-weight:800;font-size:12px;cursor:pointer;position:relative;white-space:nowrap} .hris-menu button:hover{background:rgba(255,255,255,.10)} .hris-menu button span{display:inline-grid;place-items:center;min-width:20px;height:17px;margin-left:4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;padding:0 5px} .hris-profile-menu{display:flex;align-items:center;gap:8px;position:relative} .hris-profile-btn{height:40px;min-width:170px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:rgba(255,255,255,.12);color:#fff;text-align:left;padding:5px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;cursor:pointer} .hris-profile-btn small{display:block;color:#e8f2ff;font-size:9px;text-transform:uppercase;letter-spacing:.12em;grid-column:1/2} .hris-profile-btn b{display:block;font-size:12px;grid-column:1/2;line-height:1.05}.hris-profile-btn i{grid-row:1/3;grid-column:2;font-style:normal;opacity:.9} .hris-logout{height:38px;border:0;border-radius:13px;background:#ef4444;color:#fff;font-weight:900;padding:0 15px;cursor:pointer} .hris-profile-popover{position:absolute;right:65px;top:48px;width:295px;background:#fff;color:#10233f;border-radius:18px;padding:14px;box-shadow:0 20px 60px rgba(10,25,50,.22);display:none;z-index:2010} .hris-profile-menu:hover .hris-profile-popover{display:block}.hris-profile-popover h4{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;color:#64748b;font-size:10px}.hris-profile-popover button{display:block;width:100%;border:0;background:#fff;border-radius:12px;text-align:left;padding:12px;margin:3px 0;cursor:pointer}.hris-profile-popover button.active{background:#dbeafe}.hris-profile-popover b,.hris-profile-popover span{display:block}.hris-profile-popover b{font-size:13px;color:#1d4ed8}.hris-profile-popover span{font-size:11px;color:#56657a;line-height:1.35;margin-top:4px} .timesheet-shell.hris-shell{grid-template-columns:108px minmax(0,1fr)} .timesheet-shell.hris-shell .side.acti-left-nav{top:50px;height:calc(100vh - 50px);min-height:calc(100vh - 50px);width:108px;box-shadow:none;border-right:1px solid rgba(255,255,255,.12);padding:10px 7px;background:linear-gradient(180deg,#13264e,#1b3573)} .timesheet-shell.hris-shell>.main,.timesheet-shell.hris-shell>.workspace-main{margin-left:108px}.hris-main{padding:18px 24px 44px!important}.acti-top{background:rgba(255,255,255,.80);border:1px solid #dbe7f5;border-radius:18px;padding:14px 16px;box-shadow:0 12px 30px rgba(19,47,89,.07);margin-bottom:14px!important}.acti-top h1{font-size:21px!important;letter-spacing:-.03em}.acti-top p{font-size:12px}.brand-logo-box{width:34px!important;height:34px!important;border-radius:10px!important}.acti-nav-brand{display:grid!important;justify-items:center;gap:5px!important;text-align:center}.acti-nav-brand b{font-size:11px}.acti-nav-brand span{font-size:9px}.nav,.logout{font-size:10px!important;line-height:1.15;border-radius:0!important;padding:9px 7px!important}.nav-ico{display:block;font-size:10px}.nav-submenu .nav{padding-left:7px!important}.side-bottom-nav{padding-top:8px!important} .hris-dashboard-hero{position:relative;overflow:hidden;min-height:168px;border-radius:22px;background:radial-gradient(circle at 94% 8%,rgba(40,190,210,.35),transparent 20%),radial-gradient(circle at 6% 12%,rgba(25,97,155,.50),transparent 24%),linear-gradient(105deg,#13374f 0%,#143c80 40%,#0f83c5 100%);color:#fff;padding:28px 30px;margin-bottom:10px;box-shadow:0 20px 54px rgba(25,57,120,.24)} .hris-dashboard-hero h2{font-size:30px;line-height:1.02;margin:20px 0 8px;letter-spacing:-.055em;color:#fff}.hris-dashboard-hero p{margin:0;max-width:920px;color:#e5f2ff;font-size:13px}.hero-pill{display:inline-flex;align-items:center;border-radius:999px;background:#dff8ef;color:#0e5c42;font-size:11px;font-weight:900;padding:8px 14px}.hero-orbs:before,.hero-orbs:after{content:"";position:absolute;border-radius:999px;border:70px solid rgba(255,255,255,.08);width:210px;height:210px}.hero-orbs:before{right:-45px;top:-95px}.hero-orbs:after{left:-85px;bottom:-130px} .hris-filter-panel{display:grid;grid-template-columns:1fr 1fr 170px 160px auto;align-items:end;gap:12px;background:#fff;border:1px solid #dbe7f5;border-radius:0 0 22px 22px;padding:18px 18px;margin:-4px 0 24px;box-shadow:var(--hris-shadow)} .hris-filter-panel label{display:grid;gap:7px;font-weight:800;color:#162239}.hris-filter-panel .input{min-height:38px;border-radius:12px}.hris-filter-panel .btn{height:38px;min-height:38px;border-radius:12px}.hris-filter-panel .outline{background:#fff;border:1px solid #9aa8bc;color:#334155}.hris-filter-panel span{color:#64748b;font-weight:700;white-space:nowrap}.hris-section-label{text-transform:uppercase;letter-spacing:.16em;color:#64748b;font-weight:900;font-size:11px;margin:6px 0 12px}.hris-snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.hris-metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1eaf6;border-radius:18px;padding:22px;box-shadow:var(--hris-shadow);min-height:132px}.hris-metric-card:after{content:"";position:absolute;right:-28px;top:-28px;width:92px;height:92px;border-radius:50%;background:#e9f5ff}.hris-metric-card.green:after{background:#e4f8e8}.hris-metric-card.orange:after{background:#fff0df}.hris-metric-card.amber:after{background:#ffe9dc}.hris-metric-card i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#eef5ff;color:#1d4ed8;font-style:normal;font-weight:900;margin-bottom:14px}.hris-metric-card span{display:block;text-transform:uppercase;letter-spacing:.08em;color:#65748a;font-weight:900;font-size:11px}.hris-metric-card b{display:block;font-size:29px;letter-spacing:-.05em;color:#0f172a;margin:10px 0 6px}.hris-metric-card small{font-size:11px}.hris-operations-grid{display:grid;grid-template-columns:1.3fr 1.3fr 1.5fr;gap:16px;margin-bottom:20px}.hris-chart-card,.hris-alert-card{background:#fff;border:1px solid #e1eaf6;border-radius:18px;box-shadow:var(--hris-shadow);overflow:hidden}.panel-heading{height:46px;border-bottom:1px solid #e7edf7;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.panel-heading b{font-size:13px}.panel-heading b:before{content:"";display:inline-block;width:9px;height:9px;background:#1677ff;border-radius:99px;margin-right:8px;box-shadow:0 0 0 4px #e5f1ff}.panel-heading span{font-size:11px;color:#64748b;font-weight:800}.donut-chart{width:230px;height:230px;margin:22px auto 30px;border-radius:50%;background:conic-gradient(#14a34a 0 36%,#0ea5b7 36% 100%);display:grid;place-items:center;position:relative}.donut-chart:after{content:"";position:absolute;inset:62px;border-radius:50%;background:#fff}.donut-chart b,.donut-chart span{position:relative;z-index:1;display:block;text-align:center}.donut-chart b{font-size:22px;color:#0f172a}.donut-chart span{font-size:11px;color:#64748b;margin-top:25px}.dept-bars{display:grid;gap:13px;padding:26px 24px 30px}.dept-bars div{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px}.dept-bars span{font-size:12px;color:#475569;text-align:right}.dept-bars i{display:block;height:28px;background:#edf4ff;border:1px solid #dbe7f5;border-radius:6px;overflow:hidden}.dept-bars em{display:block;height:100%;background:linear-gradient(90deg,#196cff,#2b7cff);border-radius:6px}.alert-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px}.alert-mini-grid button{position:relative;overflow:hidden;min-height:106px;border:1px solid #e1eaf6;background:#fff;border-radius:18px;text-align:left;padding:20px;cursor:pointer}.alert-mini-grid button:after{content:"";position:absolute;right:-20px;top:-20px;width:78px;height:78px;border-radius:50%;background:#eef4ff}.alert-mini-grid span{text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-size:11px;font-weight:900}.alert-mini-grid b{display:block;font-size:25px;color:#111827;margin:8px 0}.alert-mini-grid small{font-size:11px;color:#64748b}.light-hero{background:#fff!important;color:#0d5bd7!important}.hero-yellow{background:#ffcf21!important;color:#172554!important}.btn{font-size:12px}.input,.select,.textarea{font-size:12px}.card,.stat,.summary>div{box-shadow:0 12px 32px rgba(17,37,68,.08)} @media(max-width:1200px){.hris-filter-panel{grid-template-columns:1fr 1fr}.hris-snapshot-grid,.hris-operations-grid{grid-template-columns:1fr 1fr}.hris-alert-card{grid-column:1/-1}} @media(max-width:800px){body:has(.hris-topbar){padding-top:0}.hris-topbar{position:relative;height:auto;flex-wrap:wrap}.hris-menu{overflow:auto}.timesheet-shell.hris-shell .side.acti-left-nav{position:relative;top:0;width:auto;height:auto;min-height:0}.timesheet-shell.hris-shell,.hris-snapshot-grid,.hris-operations-grid{grid-template-columns:1fr}.timesheet-shell.hris-shell>.main,.timesheet-shell.hris-shell>.workspace-main{margin-left:0}.hris-filter-panel{grid-template-columns:1fr}.hris-dashboard-hero h2{font-size:24px}.donut-chart{width:190px;height:190px}} /* V67 actiTIME task workspace parity: fixed two-panel task board, compact fonts, fully visible content. */ :root{--v67-sidebar:116px;--v67-task-tree:282px;--v67-topbar:50px;} body:has(.timesheet-topbar){padding-top:var(--v67-topbar)!important;background:#edf3fb!important;} .hris-topbar.timesheet-topbar{height:var(--v67-topbar)!important;min-height:var(--v67-topbar)!important;background:#173856!important;box-shadow:0 2px 7px rgba(13,31,55,.25)!important;} .timesheet-topbar .hris-wordmark{font-size:15px!important;letter-spacing:-.02em!important;text-transform:none!important;color:#fff!important;min-width:98px!important;padding-left:14px!important;} .timesheet-topbar .hris-menu button{height:var(--v67-topbar)!important;padding:0 14px!important;font-size:12px!important;font-weight:760!important;} .timesheet-topbar .hris-profile-menu{margin-left:auto!important;padding-right:0!important;} .timesheet-topbar .hris-logout{height:38px!important;margin-right:8px!important;border-radius:10px!important;padding:0 16px!important;background:#ef4b53!important;color:#fff!important;font-size:12px!important;} .acti-task-shell{display:grid!important;grid-template-columns:var(--v67-sidebar) minmax(0,1fr)!important;min-height:calc(100vh - var(--v67-topbar))!important;background:#e8eff8!important;gap:0!important;} .acti-task-shell>.side.acti-left-nav{position:sticky!important;top:var(--v67-topbar)!important;width:var(--v67-sidebar)!important;height:calc(100vh - var(--v67-topbar))!important;min-height:calc(100vh - var(--v67-topbar))!important;z-index:9!important;} .acti-task-shell .nav,.acti-task-shell .logout{font-size:10px!important;padding:8px 6px!important;line-height:1.12!important;} .task-page-main{display:grid!important;grid-template-columns:var(--v67-task-tree) minmax(760px,1fr)!important;min-width:0!important;height:calc(100vh - var(--v67-topbar))!important;overflow:hidden!important;background:#e8eff8!important;} .task-page-main .workspace-tree{position:relative!important;top:auto!important;margin:0!important;border-radius:0!important;border-left:0!important;border-top:0!important;border-bottom:0!important;box-shadow:8px 0 18px rgba(15,23,42,.06)!important;min-height:calc(100vh - var(--v67-topbar))!important;max-height:calc(100vh - var(--v67-topbar))!important;background:#fff!important;overflow:auto!important;padding:16px 14px!important;z-index:1!important;} .task-board-content{padding:22px 28px 34px!important;overflow:auto!important;min-width:0!important;background:#e8eff8!important;} .acti-task-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;} .acti-task-header .workspace-heading h1{font-size:18px!important;font-weight:600!important;line-height:1.2!important;color:#0f172a!important;margin:0!important;} .acti-task-header .workspace-heading p{font-size:11px!important;margin:4px 0 2px!important;color:#52677f!important;} .acti-task-header .workspace-heading span{font-size:11px!important;color:#2b3e58!important;} .acti-task-header .workspace-top-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;} .acti-tool,.acti-icon,.acti-new-task{height:31px!important;min-height:31px!important;border-radius:4px!important;padding:6px 10px!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important;} .acti-icon{width:31px!important;padding:0!important;display:inline-grid!important;place-items:center!important;} .acti-icon.active{background:#e4f0ff!important;border-color:#b7d3f7!important;color:#155ba8!important;} .acti-new-task{background:#2f85de!important;border-color:#2f85de!important;color:#fff!important;} .task-kpi-strip{height:38px;display:flex;align-items:center;gap:18px;border:1px solid #d8e5f5;background:#fff;border-radius:0;margin:0 0 12px;padding:0 12px;font-size:11px;color:#52627a;box-shadow:0 3px 12px rgba(15,23,42,.04)} .task-kpi-strip div{display:flex;align-items:center;gap:6px;white-space:nowrap}.task-kpi-strip b{font-size:12px;color:#0f172a}.task-kpi-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:#7a899f;font-weight:800} .acti-filter-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;background:transparent!important;padding:0!important;} .acti-filter-row .toolbar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;} .acti-filter-row .input,.acti-filter-row .select{height:31px!important;min-height:31px!important;border-radius:4px!important;font-size:11px!important;background:#fff!important;} .acti-filter-row .workspace-search{width:250px!important;max-width:250px!important;} .acti-task-card{background:#fff!important;border:1px solid #d8e5f5!important;border-radius:0!important;box-shadow:0 6px 16px rgba(15,23,42,.05)!important;overflow:hidden!important;} .acti-task-card .table-scroll{border:0!important;border-radius:0!important;max-height:none!important;overflow:auto!important;} .acti-task-table{min-width:1260px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;} .acti-task-table th{background:#f3f7fb!important;color:#5b6b80!important;text-transform:none!important;letter-spacing:0!important;font-size:10.5px!important;font-weight:700!important;height:30px!important;padding:6px 8px!important;border-bottom:1px solid #e2eaf4!important;} .acti-task-table td{height:42px!important;padding:6px 8px!important;font-size:11px!important;border-bottom:1px solid #edf2f7!important;background:#fff!important;vertical-align:middle!important;} .acti-task-table tbody tr:hover td{background:#fbfdff!important;} .acti-task-table th:nth-child(1),.acti-task-table td:nth-child(1){width:34px!important;text-align:center!important}.acti-task-table th:nth-child(2),.acti-task-table td:nth-child(2){width:52px!important;text-align:center!important}.acti-task-table th:nth-child(3),.acti-task-table td:nth-child(3){width:270px!important}.acti-task-table th:nth-child(4),.acti-task-table td:nth-child(4){width:190px!important}.acti-task-table th:nth-child(5),.acti-task-table td:nth-child(5){width:120px!important}.acti-task-table th:nth-child(6),.acti-task-table td:nth-child(6){width:100px!important}.acti-task-table th:nth-child(7),.acti-task-table td:nth-child(7){width:112px!important}.acti-task-table th:nth-child(8),.acti-task-table td:nth-child(8){width:122px!important}.acti-task-table th:nth-child(9),.acti-task-table td:nth-child(9){width:122px!important}.acti-task-table th:nth-child(10),.acti-task-table td:nth-child(10){width:118px!important}.acti-task-table th:nth-child(11),.acti-task-table td:nth-child(11){width:245px!important} .task-name-link{display:grid!important;gap:2px!important;text-align:left!important;line-height:1.18!important}.task-name-link b{font-size:11.5px!important;color:#0f172a!important;font-weight:700!important}.task-name-link small{font-size:10px!important;color:#6b7a90!important;font-weight:500!important}.task-priority{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:900}.task-priority.high{color:#d63a5b;background:#fff0f3}.task-priority.low{color:#64748b;background:#f1f5f9}.task-priority.normal{color:#6b7280;background:#f8fafc}.status-select.mini{height:27px!important;min-height:27px!important;border-radius:5px!important;font-size:10.5px!important;padding:3px 24px 3px 8px!important}.spent-cell{display:flex!important;align-items:center!important;gap:5px!important}.spent-cell b{font-size:11.5px!important;font-variant-numeric:tabular-nums!important}.task-timer-indicator{font-size:9.5px!important;padding:2px 5px!important;max-width:82px!important}.variance-cell,.estimate-cell,.deadline-cell{font-variant-numeric:tabular-nums!important}.task-row-actions{display:flex!important;gap:4px!important;align-items:center!important;justify-content:flex-start!important;min-width:225px!important}.task-row-actions .btn.tiny{height:24px!important;min-height:24px!important;font-size:10px!important;padding:3px 7px!important;border-radius:4px!important}.tree-head h2,.workspace-tree h2{font-size:13px!important;font-weight:700!important}.workspace-project-tree summary{font-size:11.5px!important;padding:5px 6px!important;border-radius:3px!important}.workspace-project-tree .tree-project{padding:7px 8px 7px 20px!important;border-radius:0!important}.workspace-project-tree .tree-project b{font-size:11px!important}.workspace-project-tree .tree-project small{font-size:9.5px!important}.workspace-project-tree .tree-project.selected{background:#dcecff!important;box-shadow:inset 3px 0 0 #3b82f6!important;color:#154c9a!important}.tree-search .input{height:30px!important;min-height:30px!important;border-radius:3px!important;font-size:11px!important}.panel-icon{width:26px!important;height:26px!important;border-radius:4px!important}.actions-menu{border-radius:5px!important;box-shadow:0 14px 34px rgba(15,23,42,.18)!important}.actions-menu button{font-size:11px!important;height:30px!important;padding:6px 10px!important;text-align:left!important} @media(max-width:1100px){.task-page-main{display:block!important;height:auto!important;overflow:visible!important}.task-page-main .workspace-tree{min-height:auto!important;max-height:none!important}.task-board-content{overflow:visible!important}.acti-task-header,.acti-filter-row{flex-direction:column!important;align-items:stretch!important}.acti-filter-row .workspace-search{width:100%!important;max-width:none!important}} /* V68 actiTIME reporting module parity compact UI */ .acti-report-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;align-items:start}.acti-report-main{display:grid;gap:12px}.acti-report-side{position:sticky;top:76px;background:#fff;border:1px solid #d9e5f6;border-radius:4px;padding:14px;box-shadow:0 1px 2px rgba(16,24,40,.05)}.acti-report-side h2{font-size:18px;margin:0 0 14px;color:#1e293b}.acti-report-side h3{font-size:13px;margin:12px 0 6px;color:#0f172a}.acti-report-side p{font-size:12px;color:#52657f;line-height:1.35;margin:0 0 8px}.acti-report-side button{display:block;width:100%;height:30px;border:0;border-radius:2px;margin:5px 0;background:#e6f1fb;color:#2c668f;text-align:left;padding:0 12px;font-weight:600;font-size:12px}.acti-report-side button:hover{background:#d6eafb}.acti-report-builder{padding:14px}.report-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;margin-top:10px}.report-filter-grid label{font-size:12px;font-weight:700;color:#334155}.report-filter-grid .select{height:30px;margin-top:4px;font-size:12px}.report-column-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-top:1px solid #edf2f7;margin-top:12px;padding-top:10px}.report-column-pills span{font-size:12px;color:#64748b;font-weight:700}.report-column-pills button{height:24px;border:1px solid #d7e4f5;background:#f8fbff;border-radius:12px;padding:0 9px;font-size:11px;color:#365b7c}.acti-report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.acti-report-kpis div{background:#fff;border:1px solid #dce8f7;border-radius:4px;padding:12px 14px}.acti-report-kpis span{display:block;text-transform:uppercase;letter-spacing:.04em;font-size:11px;color:#607089;font-weight:800}.acti-report-kpis b{display:block;font-size:20px;margin:5px 0 2px;color:#0f172a}.acti-report-kpis small{font-size:11px;color:#64748b}.acti-report-charts .card{padding:12px}.compact-report-bars .report-row{grid-template-columns:145px 1fr 54px}.acti-report-detail th,.acti-report-detail td{font-size:12px;padding:8px 10px}.view-select{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#475569}.view-select .select.tiny{height:28px;min-width:110px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-heading b{font-size:13px}.panel-heading span{font-size:12px;color:#64748b;font-weight:700}@media(max-width:1100px){.acti-report-shell{grid-template-columns:1fr}.acti-report-side{position:static}.report-filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.acti-report-kpis{grid-template-columns:repeat(2,1fr)}} /* V69 stability/function fix: task filter modal and task priority visuals */ .task-priority{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:900} .task-priority.high{color:#d63a5b;background:#fff0f3}.task-priority.low{color:#64748b;background:#f1f5f9}.task-priority.normal{color:#6b7280;background:#f8fafc} .screen-error{margin:24px;padding:16px;border:1px solid #f5b5b5;background:#fff0f0;border-radius:10px;color:#8b1d1d}