@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0,0";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{width:100%;min-height:100%;margin:0}.login-page{color:#26313d;background:radial-gradient(circle at 0 0,#388ef126,#0000 35%),radial-gradient(circle at 100% 100%,#1a59a421,#0000 38%),linear-gradient(135deg,#eef5ff,#e5f0ff);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:16px;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:18px;width:100%;max-width:500px;padding:22px 36px 16px;box-shadow:0 14px 40px #1a59a41a}.login-brand{align-items:center;gap:14px;margin-bottom:36px;display:flex}.login-logo{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#1a59a4,#388ef1);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:flex}.login-brand h1{color:#26313d;letter-spacing:-.4px;margin:0;font-size:17px;font-weight:750}.login-brand p{color:#8a8d91;margin:5px 0 0;font-size:11px;line-height:1.5}.login-heading{margin-bottom:25px}.login-eyebrow{color:#1a59a4;letter-spacing:1.3px;margin:0 0 8px;font-size:11px;font-weight:750}.login-heading h2{color:#26313d;letter-spacing:-1.5px;margin:0;font-size:36px;font-weight:750}.login-heading>p:last-child{color:#7e858d;margin:10px 0 0;font-size:13px;line-height:1.6}.login-form{flex-direction:column;gap:9px;display:flex}.login-form>label,.login-password-heading label{color:#303942;font-size:12px;font-weight:650}.login-input-field,.login-password-field{background:#fff;border:1px solid #dce5ef;border-radius:10px;align-items:center;width:100%;min-width:0;height:47px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.login-input-field:focus-within,.login-password-field:focus-within{border-color:#388ef1;box-shadow:0 0 0 3px #388ef126}.login-input-icon{color:#8b949e;flex-shrink:0;margin-right:11px;font-size:17px}.login-input-field input,.login-password-field input{color:#26313d;width:100%;min-width:0;height:100%;font:inherit;box-shadow:none;background:0 0;border:none;outline:none;padding:0;font-size:12px}.login-input-field input::placeholder,.login-password-field input::placeholder{color:#a4a9af}.login-password-heading{margin-top:10px}.login-show-password,.login-text-button{color:#1a60b5;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.login-show-password{margin-left:10px}.login-text-button:hover,.login-show-password:hover{color:#2472cc;text-decoration:underline}.login-forgot-row{justify-content:flex-end;margin-top:2px;display:flex}.login-error{color:#b52d20;background:#fff0ed;border:1px solid #f3c4bc;border-radius:8px;margin:5px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.login-submit-button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#1a59a4,#388ef1);border:none;border-radius:10px;width:100%;min-height:45px;margin-top:10px;padding:12px;font-size:13px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 5px 12px #1a59a42e}.login-submit-button:hover:not(:disabled){background:linear-gradient(100deg,#1b5ba7,#2a7de0);transform:translateY(-1px);box-shadow:0 7px 15px #1a59a438}.login-submit-button:disabled{opacity:.65;cursor:wait}.login-register-divider{color:#888c91;text-align:center;align-items:center;gap:14px;margin:23px 0 15px;font-size:12px;display:flex}.login-register-divider:before,.login-register-divider:after{content:"";background:#dce8f3;flex:1;height:1px}.login-register-divider span{white-space:nowrap}.login-register-button{color:#1a60b5;cursor:pointer;background:#fff;border:1px solid #1a60b5;border-radius:10px;width:100%;min-height:44px;padding:11px;font-size:12px;font-weight:650;transition:background .2s,color .2s}.login-register-button:hover{color:#2472cc;background:#eef5ff}.login-footer{color:#858b91;text-align:center;justify-content:center;align-items:center;gap:9px;margin:29px 0 0;font-size:11px;display:flex}.login-footer span{font-size:16px}@media (width>=481px) and (height<=750px){.login-page{padding:10px 16px}.login-card{padding-top:18px;padding-bottom:15px}.login-brand{margin-bottom:16px}.login-heading{margin-bottom:13px}.login-heading h2{font-size:27px}.login-footer{margin-top:13px}}.register-success{color:#16803c;background:#edf9f0;border:1px solid #c8ebd0;border-radius:8px;margin:8px 0;padding:10px 12px;font-size:13px}.password-validation-message{color:#dc3545;margin:6px 0 0;font-size:12px}.show-password input[type=checkbox]{appearance:none;cursor:pointer;vertical-align:middle;background-color:#fff;border:1px solid #333;border-radius:2px;width:14px;min-width:14px;height:14px;position:relative}.show-password input[type=checkbox]:checked{background-color:#fff;border:1px solid #333}.show-password input[type=checkbox]:checked:after{content:"✓";color:#000;font-size:11px;position:absolute;top:-2px;left:1px}.modal-actions{justify-content:center;align-items:center;width:100%;display:flex}.modal-actions .submit-button{border-radius:8px;width:100%;max-width:100%;padding:11px 20px;font-size:14px}.password-input-wrapper{width:100%;position:relative}.password-tooltip{z-index:20;color:#344054;background:#fff;border:1px solid #d6deeb;border-radius:8px;width:260px;padding:13px 15px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 15px #0000001f}.password-input-wrapper:hover .password-tooltip,.password-input-wrapper:focus-within .password-tooltip{display:block}.password-tooltip strong{color:#263449;margin-bottom:9px;font-size:12px;display:block}.password-tooltip ul{margin:0;padding:0;list-style:none}.password-tooltip li{color:#64748b;align-items:center;gap:8px;margin:6px 0;display:flex}.password-tooltip li.ok{color:#198754}.password-tooltip li span{font-weight:600}.forgot-page{background:radial-gradient(circle at 0 0,#388ef126,#0000 35%),radial-gradient(circle at 100% 100%,#1a59a421,#0000 38%),linear-gradient(135deg,#eef5ff,#e5f0ff);justify-content:center;align-items:center;min-height:100dvh;padding:24px;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}.forgot-card{background:#fffffff2;border:1px solid #ffffffe6;border-radius:16px;width:100%;max-width:430px;padding:35px;box-shadow:0 14px 40px #1a59a41a}.forgot-card h2{color:#26313d;text-align:center;margin:0 0 10px;font-weight:750}.forgot-subtitle{color:#7e858d;text-align:center;margin-bottom:25px;font-size:14px;line-height:1.5}.forgot-card form{flex-direction:column;gap:12px;display:flex}.forgot-card label{color:#303942;font-size:13px;font-weight:600}.forgot-card input{box-sizing:border-box;color:#26313d;background-color:#fff;border:1px solid #dce5ef;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.forgot-card input::placeholder{color:#a4a9af}.forgot-card input:focus{border-color:#388ef1;box-shadow:0 0 0 3px #388ef126}.forgot-card button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#1a59a4,#388ef1);border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:650;transition:background .2s,transform .2s;box-shadow:0 5px 12px #1a59a42e}.forgot-card button:hover:not(:disabled){background:linear-gradient(100deg,#1b5ba7,#2a7de0);transform:translateY(-1px)}.forgot-card button:disabled{opacity:.6;cursor:not-allowed}.forgot-card .forgot-back-button{color:#1a60b5;box-shadow:none;background:0 0;border:1px solid #1a60b5;margin-top:12px}.forgot-card .forgot-back-button:hover:not(:disabled){color:#2472cc;background:#eef5ff;transform:none}.forgot-error{color:#b52d20;background:#fff0ed;border:1px solid #f3c4bc;border-radius:8px;padding:10px;font-size:13px}.forgot-message{color:#24743a;background:#effaf1;border:1px solid #c8ebd0;border-radius:8px;padding:10px;font-size:13px}*{box-sizing:border-box}.app-layout{text-align:left}:root{color:#25304b;--blue-1:#1a59a4;--blue-2:#1b5ba7;--blue-3:#1a60b5;--blue-4:#2472cc;--blue-5:#2a7de0;--blue-6:#388ef1;--blue:var(--blue-4);--blue-dark:var(--blue-3);--blue-darker:var(--blue-1);--blue-rgb:36, 114, 204;--blue-50:color-mix(in srgb, var(--blue-6) 6%, #fff);--blue-100:color-mix(in srgb, var(--blue-6) 12%, #fff);--blue-200:color-mix(in srgb, var(--blue-6) 25%, #fff);--blue-300:var(--blue-6);--border:#e3e7f0;--muted:#7b849b;--surface:#fff;--surface-soft:#f7f8fd;--text:#25304b;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 2px 8px #22315e0a;--shadow-md:0 8px 28px #22315e14;background:#f7f8fc;font-family:Inter,Segoe UI,Arial,sans-serif}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at top left, var(--blue-100), transparent 35%), radial-gradient(circle at bottom right, var(--blue-50), transparent 30%), #f7f8fc;-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0;font-size:14px}#root{min-height:100vh}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);color:#4b5874;cursor:pointer;background:#fff;border-radius:8px;min-height:38px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}button:hover:not(:disabled){box-shadow:0 3px 10px rgba(var(--blue-rgb), .08)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:#c5cad4 #f5f6fa}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#f5f6fa;border-radius:10px}::-webkit-scrollbar-thumb{background:#c5cad4;border:2px solid #f5f6fa;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8afbd}::-webkit-scrollbar-corner{background:#f5f6fa}input[type=file]::file-selector-button{color:#333;cursor:pointer;background-color:#fff;border:1px solid #b8bec8;border-radius:6px;margin-right:10px;padding:7px 14px;transition:background-color .2s,border-color .2s}input[type=file]::file-selector-button:hover{background-color:#e5e7eb;border-color:#7b8492}input[type=file]::file-selector-button:active{background-color:#d1d5db;border-color:#626b78}.app-layout{width:100%;height:100vh;min-height:0;display:flex;overflow:hidden}.main-content{flex:1;min-width:0;height:100vh;padding:28px 32px;overflow-y:auto}.main-content .page{width:100%;max-width:1120px;margin:0 auto;padding:0 0 24px}.page{width:min(100% - 32px,900px);margin:0 auto;padding:32px 0 48px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header h1{color:#171f35;letter-spacing:-.8px;margin:0;font-size:clamp(23px,3vw,29px);font-weight:750;line-height:1.3}.page-subtitle{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.sidebar{border-right:1px solid var(--border);background:#fffffff5;flex-direction:column;flex-shrink:0;gap:24px;width:224px;min-width:224px;height:100vh;padding:25px 14px 16px;display:flex;overflow-y:auto}.sidebar-brand{color:var(--blue);letter-spacing:-.6px;padding:0 12px;font-size:19px;font-weight:750;line-height:1.4}.sidebar-label{color:#939bb0;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 9px;padding:0 12px;font-size:10px;font-weight:750}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-button{color:#59647d;text-align:left;width:100%;min-height:39px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:550;transition:background .18s,color .18s,border-color .18s;display:flex;transform:none}.sidebar-button:hover{background:var(--blue-50);color:var(--blue);box-shadow:none;border-color:#0000;transform:none}.sidebar-button.active{background:var(--blue-100);border-color:var(--blue-200);color:var(--blue-dark);font-weight:650}.sidebar-submenu{border-left:1px solid #e3e7f2;flex-direction:column;gap:3px;margin:3px 0 8px 14px;padding-left:10px;display:flex}.sidebar-submenu button{color:#737d94;text-align:left;min-height:33px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:450;transform:none}.sidebar-submenu button:hover{background:var(--blue-50);color:var(--blue);box-shadow:none;transform:none}.sidebar-submenu button.active{background:var(--blue-100);color:var(--blue-dark);font-weight:600}.logout-button{color:var(--blue-dark);border-color:var(--blue-200);background:var(--blue-50);flex-shrink:0;margin-top:auto}.logout-button:hover{color:var(--blue-darker);border-color:var(--blue-300);background:var(--blue-100);box-shadow:none;transform:none}.dashboard-date{color:#4b5563;white-space:nowrap;background:#fff;border:1px solid #dfe3ec;border-radius:8px;align-self:center;padding:8px 12px;font-size:12px;font-weight:500}.dashboard-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.summary-card{background:#fff;border:1px solid #e4e7f0;border-radius:12px;min-width:0;padding:14px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #23304b09}.summary-card:hover{border-color:var(--blue-200);box-shadow:0 5px 14px #23304b12}.summary-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.summary-label{color:#626b7c;font-size:11.5px;font-weight:500;line-height:1.5}.summary-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.employees-icon{color:var(--blue);background:var(--blue-100)}.present-icon{color:var(--blue-dark);background:var(--blue-50)}.wfh-icon{color:var(--blue);background:var(--blue-50)}.leave-icon{color:var(--blue-darker);background:var(--blue-100)}.summary-value{color:#25304b;margin:10px 0 2px;font-size:24px;font-weight:650;line-height:1.15}.summary-caption{color:#8790a1;margin:0;font-size:10.5px;line-height:1.5}.timesheet-form{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fffffff7;border:1px solid #e8ebf4;flex-direction:column;gap:22px;padding:24px;display:flex}.timesheet-form-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:14px;margin-bottom:-6px;padding-bottom:16px;display:flex}.timesheet-form-heading h2{color:#25304b;margin:0;font-size:17px;font-weight:650}.timesheet-form-heading p{color:#7b8495;margin:5px 0 0;font-size:12px;line-height:1.5}.required-note{color:#7b8495;flex-shrink:0;font-size:11px}.form-row{gap:16px;display:grid}.employee-row,.task-row{grid-template-columns:minmax(0,1fr)}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.timesheet-form label{color:#3c4760;flex-direction:column;gap:7px;min-width:0;margin-bottom:0;font-size:12px;font-weight:650;display:flex}.timesheet-form input:not([type=checkbox]),.timesheet-form select{border-radius:var(--radius-sm);color:#29344e;background:#fff;border:1px solid #dfe4ef;width:100%;min-width:0;min-height:40px;padding:9px 11px;font-size:13px;font-weight:400;transition:border-color .18s,box-shadow .18s}.timesheet-form input:not([type=checkbox]):hover,.timesheet-form select:hover{border-color:var(--blue-200)}.timesheet-form input:not([type=checkbox]):focus,.timesheet-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .1);outline:none}.timesheet-form input[type=date],.timesheet-form input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.task-dropdown{width:100%;position:relative}.task-dropdown-button{border-radius:var(--radius-sm);color:#29344e;text-align:left;width:100%;min-height:40px;box-shadow:none;background:#fff;border:1px solid #dfe4ef;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font-size:13px;font-weight:400;transition:border-color .18s,box-shadow .18s;display:flex;transform:none}.task-dropdown-button:hover{border-color:var(--blue-200);box-shadow:none;transform:none}.task-dropdown-button:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .1);outline:none}.task-dropdown-button>span:first-child{overflow-wrap:anywhere;min-width:0;line-height:1.5}.dropdown-arrow{color:#7c859a;flex-shrink:0;font-size:10px}.task-dropdown-options{z-index:20;border:1px solid var(--border);background:#fff;border-radius:9px;width:100%;max-height:230px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 10px 28px #28325a21}.timesheet-form .task-option{color:#3c4760;cursor:pointer;border-radius:6px;flex-direction:row;align-items:center;gap:9px;padding:9px;font-size:12px;font-weight:400;line-height:1.5;transition:background .15s;display:flex}.timesheet-form .task-option:hover{background:var(--blue-50)}.timesheet-form .task-option input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1px solid #b7bfd0;border-radius:4px;flex-shrink:0;place-content:center;width:15px;min-width:15px;height:15px;min-height:15px;margin:0;padding:0;display:grid}.timesheet-form .task-option input[type=checkbox]:checked{border-color:var(--blue);background:var(--blue)}.timesheet-form .task-option input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:10px;font-weight:700;line-height:1}.timesheet-form .task-option input[type=checkbox]:focus-visible{outline:2px solid var(--blue-300);outline-offset:2px}.task-option span{overflow-wrap:anywhere}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-top:2px;display:flex}.submit-button{background:linear-gradient(135deg, var(--blue-5), var(--blue-3));color:#fff;box-shadow:0 3px 9px rgba(var(--blue-rgb), .15);border-color:#0000}.submit-button:hover:not(:disabled){background:linear-gradient(135deg, var(--blue-4), var(--blue-1));box-shadow:0 5px 13px rgba(var(--blue-rgb), .2)}.clear-button{color:#58647c;background:#fff;border-color:#e0e4ed}.clear-button:hover:not(:disabled){background:#f8f9fc;border-color:#cbd3e4}.reports-button{border-color:var(--blue-100);background:var(--blue-100);color:var(--blue-dark);flex-shrink:0}.status-message{border:1px solid var(--blue-200);background:var(--blue-50);color:var(--blue-dark);border-radius:8px;margin:0;padding:11px 13px;font-size:13px;line-height:1.5}.report-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#151d317a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-modal{background:#fff;border:1px solid #e2e6f1e6;border-radius:13px;width:100%;max-width:750px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #141f3a33}.report-header{border-bottom:1px solid var(--border);color:var(--text);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.report-header h2{color:#202a41;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:700}.report-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.report-close{color:#7b8498;width:32px;min-width:32px;min-height:32px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:24px;font-weight:400;line-height:1;display:inline-flex}.report-close:hover:not(:disabled){color:#303b53;box-shadow:none;background:#f4f5fa;border-color:#e8eaf2}.report-content{padding:22px}.report-placeholder{border:1px solid var(--blue-100);background:var(--blue-50);color:var(--blue-dark);text-align:left;border-radius:8px;padding:24px}.report-label{color:#3c4760;flex-direction:column;gap:7px;min-width:0;margin-bottom:16px;font-size:12px;font-weight:650;display:flex}.report-label select,.report-modal input[type=text],.report-modal input[type=email],.report-modal input[type=password],.report-modal input[type=date],.report-modal input[type=file],.report-modal textarea{color:#29344e;background:#fff;border:1px solid #dfe4ef;border-radius:7px;width:100%;min-width:0;min-height:39px;padding:9px 11px;font-size:13px;display:block}.report-label select:focus,.report-modal input:focus,.report-modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .09);outline:none}.report-modal input::placeholder,.report-modal textarea::placeholder{color:#929aae}.report-modal textarea{resize:vertical;min-height:90px}.report-modal input[type=file]{cursor:pointer;padding:7px}.report-period-select{flex-direction:column;gap:6px;min-width:180px;display:flex}.report-period-select label{color:#3c4760;font-size:12px;font-weight:650}.report-period-select select{color:#29344e;background:#fff;border:1px solid #dfe4ef;border-radius:7px;width:100%;min-height:39px;padding:8px 10px;font-size:13px}.report-period-select select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .09);outline:none}.report-filter-row{align-items:flex-end;gap:20px;width:100%;margin:12px 0 22px;display:flex}.report-filter-row .report-label{margin-bottom:0;display:block}.report-filter-row select{color:#29344e;background:#fff;border:1px solid #dfe4ef;border-radius:7px;width:100%;min-width:0;min-height:40px;margin-top:7px;padding:9px 11px;font-size:13px;display:block}.report-filter-row select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .09);outline:none}.report-filter-employee{flex:0 0 60%;min-width:0}.report-filter-period{flex:1;min-width:0}.report-period{margin-bottom:20px}.report-section-title{color:#3c4760;margin:0 0 11px;font-size:12px;font-weight:650}.report-period-buttons{flex-wrap:wrap;gap:8px;display:flex}.report-period-buttons button{color:#59647d;min-height:34px;box-shadow:none;background:#fff;border:1px solid #dfe4ef;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:550}.report-period-buttons button:hover:not(:disabled){border-color:var(--blue-200);background:var(--blue-50);color:var(--blue-dark);box-shadow:none}.report-period-buttons button.active{border-color:var(--blue);background:var(--blue-100);color:var(--blue-dark);font-weight:650}.report-custom-dates{margin-top:20px}.report-date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.report-date-fields input[type=date]{color:#29344e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer;background:#fff;border:1px solid #dfe4ef;border-radius:7px;width:100%;min-width:0;min-height:40px;padding:8px 11px;font-size:13px;display:block}.report-date-fields input[type=date]:hover{border-color:var(--blue-200)}.report-date-fields input[type=date]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .09);outline:none}.report-generate-section{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.report-generate-button{background:linear-gradient(135deg, var(--blue-5), var(--blue-3));color:#fff;border:1px solid #0000;border-radius:7px;flex-shrink:0;min-height:38px;padding:9px 16px;font-size:12px;font-weight:650}.report-generate-button:hover:not(:disabled){background:linear-gradient(135deg, var(--blue-4), var(--blue-1))}.report-generate-button:disabled{opacity:.55;cursor:not-allowed}.report-empty-message{color:#758097;text-align:left;flex:1;margin:0;font-size:12px}.report-table-wrapper{border:1px solid #e1e6f0;border-radius:8px;width:100%;max-width:100%;margin-top:20px;overflow:auto}.report-table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-size:12px}.report-table th{background:var(--blue-100);color:var(--blue-darker);text-align:left;white-space:nowrap;border-bottom:1px solid var(--blue-200);padding:11px 12px;font-size:11px;font-weight:700}.report-table td{color:#3e4961;border-bottom:1px solid #edf0f5;padding:10px 12px;line-height:1.5}.report-table tbody tr:nth-child(2n){background:#fafbfe}.report-table tbody tr:hover{background:var(--blue-50)}.report-table tbody tr:last-child td{border-bottom:none}.timesheet-report-modal{background:#fff;border:1px solid #e3e7f0;border-radius:13px;flex-direction:column;width:min(960px,100vw - 32px);max-width:960px;max-height:92vh;display:flex;overflow:hidden auto;box-shadow:0 20px 60px #141f3a33}.timesheet-report-modal>*{flex-shrink:0}.timesheet-report-modal .report-header{border-bottom:1px solid var(--border);background:#fff;padding:15px 22px}.timesheet-report-modal .report-header h2{color:#202a41;margin:0;font-size:16px;font-weight:700}.timesheet-report-modal .report-filter-row{flex-wrap:wrap;align-items:flex-start;gap:14px 20px;width:100%;margin:0;padding:16px 22px 10px;display:flex}.timesheet-report-modal .report-filter-employee{flex:0 0 340px;width:340px;min-width:0;max-width:100%;margin:0;display:block}.timesheet-report-modal .report-filter-period{flex:460px;min-width:0;margin:0;display:block}.timesheet-report-modal .report-filter-employee+.report-filter-employee+.report-filter-period{flex:100%}.timesheet-report-modal .report-filter-row:has(.report-filter-employee+.report-filter-employee) .report-filter-employee{flex:1 1 0;width:auto}.timesheet-report-modal .report-label{color:#3c4760;text-align:left;margin:0;font-size:12px;font-weight:650;display:block}.timesheet-report-modal .report-filter-row select,.timesheet-report-modal .report-custom-dates input{color:#29344e;background:#fff;border:1px solid #dfe4ef;border-radius:7px;width:100%;min-width:0;height:40px;margin-top:7px;padding:0 11px;font-size:13px;display:block}.timesheet-report-modal .report-filter-row select:focus,.timesheet-report-modal .report-custom-dates input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .09);outline:none}.timesheet-report-modal .report-filter-period>div{margin-top:7px;flex-wrap:nowrap!important;gap:8px!important}.timesheet-report-modal .report-filter-period button{white-space:nowrap;min-height:40px;padding:8px 14px}.timesheet-report-modal .report-custom-dates{margin:0;padding:4px 22px 8px}.timesheet-report-modal .report-section-title{color:#3c4760;text-align:left;margin:0 0 4px;font-size:12px;font-weight:650}.timesheet-report-modal .report-date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.timesheet-report-modal .report-date-fields .report-label{text-align:left}.timesheet-report-modal .report-generate-section{margin:0;padding:0 22px 12px}.timesheet-report-modal .report-empty-message{color:#758097;margin:0;font-size:12px}.timesheet-report-modal .report-generate-button{background:linear-gradient(135deg, var(--blue-5), var(--blue-3));color:#fff;border:none;border-radius:7px;min-height:38px;padding:8px 16px;font-size:12px;font-weight:650}.timesheet-report-modal .report-generate-button:hover:not(:disabled){background:linear-gradient(135deg, var(--blue-4), var(--blue-1))}.timesheet-report-modal .report-table-wrapper{background:#fff;border:1px solid #d5dbea;border-radius:8px;flex:0 auto;width:calc(100% - 44px);min-height:0;margin:0 22px 20px;max-height:52vh!important;overflow:auto!important}.timesheet-report-modal .report-table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-size:12px}.timesheet-report-modal .report-table th{z-index:1;background:var(--blue-100);color:var(--blue-darker);text-align:left;border-right:1px solid #d5dbea;border-bottom:1px solid var(--blue-200);padding:12px;font-size:11px;font-weight:700;position:sticky;top:0}.timesheet-report-modal .report-table td{color:#3e4961;border-bottom:1px solid #e0e5ef;border-right:1px solid #e0e5ef;padding:11px 12px;line-height:1.5}.timesheet-report-modal .report-table th:last-child,.timesheet-report-modal .report-table td:last-child{border-right:none}.timesheet-report-modal .report-table tbody tr:nth-child(2n){background:#fafbfe}.timesheet-report-modal .report-table tbody tr:hover{background:var(--blue-50)}.timesheet-report-modal .report-table tbody tr:last-child td{border-bottom:none}.multi-employee-dropdown,.single-employee-dropdown{color:#25304b;width:100%;max-width:none;margin-top:7px;font-weight:400;position:relative}.multi-employee-dropdown{z-index:5}.single-employee-dropdown{z-index:6}.multi-employee-dropdown details,.single-employee-dropdown details{width:100%;position:relative}.multi-employee-dropdown summary,.single-employee-dropdown summary{cursor:pointer;background:#fff;border:1px solid #d9dfeb;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;list-style:none;transition:border-color .2s,box-shadow .2s;display:flex}.multi-employee-dropdown summary{color:#25304b;min-height:40px;padding:9px 14px;font-size:13px;font-weight:500}.single-employee-dropdown summary{color:#29344e;min-height:40px;padding:9px 12px;font-size:13px;font-weight:400}.multi-employee-dropdown summary::-webkit-details-marker{display:none}.single-employee-dropdown summary::-webkit-details-marker{display:none}.multi-employee-dropdown summary:after,.single-employee-dropdown summary:after{content:"▾";color:#64748b;flex-shrink:0;font-size:13px}.multi-employee-dropdown details[open] summary,.single-employee-dropdown details[open] summary{border-color:var(--blue);box-shadow:0 0 0 2px rgba(var(--blue-rgb), .08)}.multi-employee-options,.single-employee-options{z-index:1000;overscroll-behavior:contain;background:#fff;border:1px solid #d9dfeb;border-radius:8px;width:100%;max-height:180px;padding:6px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #1e2d501f}.multi-employee-dropdown .employee-option{color:#344054;cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:10px;width:100%;min-height:35px;margin:0;padding:7px 9px;font-size:13px;font-weight:400;line-height:1.4;transition:background .15s;display:flex}.multi-employee-dropdown .employee-option:hover{background:#f5f7fb}.multi-employee-dropdown .employee-option input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #222;border-radius:3px;flex-shrink:0;place-content:center;width:15px;height:15px;margin:0;display:grid}.multi-employee-dropdown .employee-option input[type=checkbox]:checked{background:#fff;border-color:#222}.multi-employee-dropdown .employee-option input[type=checkbox]:checked:before{content:"✓";color:#111;font-size:12px;font-weight:700;line-height:1}.multi-employee-dropdown .employee-option input[type=checkbox]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.single-employee-option{color:#344054;text-align:left;width:100%;min-height:34px;box-shadow:none;background:#fff;border:none;border-radius:5px;padding:8px 10px;font-size:13px;font-weight:400;display:block}.single-employee-option:hover{color:#25304b;box-shadow:none;background:#f5f7fb}.single-employee-option.selected{background:var(--blue-100);color:var(--blue-dark);font-weight:600}.employee-modal-overlay{z-index:1000;background:#1f293d61;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.employee-modal{background:#fff;border:1px solid #e4e7f0;border-radius:14px;flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 16px 48px #1f293d29}.employee-modal-header{background:#fff;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.employee-modal-header h2{color:#25304b;margin:0;font-size:18px;font-weight:650}.employee-modal-content{background:#fff;padding:22px;overflow-y:auto}.employee-modal-content form{flex-direction:column;gap:16px;display:flex}.employee-modal-content .report-label{color:#374151;flex-direction:column;gap:7px;font-size:13px;font-weight:500;display:flex}.employee-modal-content input{color:#25304b;background:#fff;border:1px solid #d8deea;border-radius:7px;outline:none;width:100%;min-width:0;padding:10px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.employee-modal-content input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .1)}.employee-modal-content .form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@media (width<=1000px){.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.main-content{padding:22px 20px}.sidebar{width:205px;min-width:205px}.timesheet-form{padding:20px}}@media (width<=760px){.app-layout{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid var(--border);gap:0;width:100%;min-width:0;height:auto;min-height:0;padding:12px 16px;overflow:visible}.sidebar-mobile-header{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-brand{padding:0}.sidebar-toggle{border:1px solid var(--blue-200);background:var(--blue-50);width:42px;height:42px;color:var(--blue-dark);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:23px;display:flex}.sidebar-nav{gap:3px;width:100%;margin-top:14px;display:none}.sidebar.mobile-menu-open .sidebar-nav{display:flex}.sidebar .logout-button{display:none}.sidebar.mobile-menu-open .logout-button{margin-top:12px;display:flex}.main-content{height:auto;min-height:0;padding:20px 16px;overflow-y:visible}.main-content .page{max-width:100%}.page{width:min(100% - 24px,600px);padding-top:24px}.page-header{flex-wrap:wrap;align-items:flex-start;margin-bottom:18px}.page-header h1{font-size:24px}.page-subtitle{max-width:300px;font-size:12px;line-height:1.6}}.sidebar-mobile-header{display:contents}.sidebar-toggle{display:none}@media (width<=600px){.two-columns{grid-template-columns:minmax(0,1fr)}.timesheet-form{gap:19px;padding:17px}.timesheet-form-heading{flex-direction:column;align-items:flex-start;gap:8px}.form-actions{gap:8px}.dashboard-summary{grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:13px}.summary-value{font-size:24px}.summary-label,.dashboard-date{font-size:11px}.report-overlay{align-items:center;padding:12px}.report-modal{max-height:92vh}.report-header{padding:14px 16px}.report-header h2{font-size:15px}.report-content{padding:16px}.report-filter-row{flex-direction:column;align-items:stretch;gap:14px}.report-filter-employee,.report-filter-period{flex:auto;width:100%}.report-date-fields{grid-template-columns:minmax(0,1fr);gap:12px}.report-generate-section{flex-direction:column;align-items:stretch}.report-generate-button{width:100%}.timesheet-report-modal .report-header{padding:13px 15px}.timesheet-report-modal .report-header h2{font-size:14px}.timesheet-report-modal .report-filter-row{flex-direction:column;align-items:stretch;gap:14px;padding:16px 15px 13px}.timesheet-report-modal .report-filter-employee,.timesheet-report-modal .report-filter-period{flex:auto;width:100%;max-width:none}.timesheet-report-modal .report-filter-period>div{flex-wrap:wrap!important}.timesheet-report-modal .report-custom-dates{padding:0 15px 14px}.timesheet-report-modal .report-date-fields{grid-template-columns:minmax(0,1fr);gap:12px}.timesheet-report-modal .report-generate-section{flex-direction:column;align-items:stretch;padding:0 15px 15px}.timesheet-report-modal .report-generate-button{width:100%}.timesheet-report-modal .report-table-wrapper{width:calc(100% - 30px);margin:0 15px 15px;max-height:40vh!important}}@media (width<=480px){.employee-modal-overlay{padding:12px}.employee-modal{max-height:calc(100vh - 24px)}.employee-modal-header,.employee-modal-content{padding:16px}}.report-modal.form-modal{max-width:480px}.modal-form{text-align:left;flex-direction:column;gap:18px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field>label{color:#25304b;text-align:left;margin:0;font-size:13px;font-weight:600}.form-field .required{color:var(--blue)}.form-field .optional{color:var(--muted);font-weight:400}.modal-form .form-field :is(input,textarea){color:#25304b;text-align:left;background:#fff;border:1px solid #d8deea;border-radius:8px;width:100%;min-height:42px;padding:10px 12px;font-size:13px;transition:border-color .18s,box-shadow .18s}.modal-form .form-field textarea{resize:vertical;min-height:110px;line-height:1.5}.modal-form .form-field :is(input,textarea)::placeholder{color:#a0a8ba}.modal-form .form-field :is(input,textarea):hover{border-color:var(--blue-200)}.modal-form .form-field :is(input,textarea):focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb), .12);outline:none}.field-footer{justify-content:space-between;align-items:center;gap:12px;min-height:16px;display:flex}.field-hint,.field-count{color:var(--muted);font-size:11px;line-height:1.4}.field-count{font-variant-numeric:tabular-nums;margin-left:auto}.form-message{border:1px solid var(--blue-200);border-left:3px solid var(--blue);background:var(--blue-50);color:var(--blue-darker);border-radius:8px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.5}.modal-actions{border-top:1px solid #edf0f5;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:18px;display:flex}.modal-actions button{min-width:96px}@media (width<=480px){.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.required-star{color:var(--blue);font-weight:700}@media (width<=760px){.sidebar-mobile-header{justify-content:space-between;align-items:center;width:100%;min-height:48px;display:flex!important}.sidebar-toggle{background:var(--blue-1);color:#fff;cursor:pointer;z-index:1001;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:23px;position:relative;display:flex!important}}.table-action-buttons{justify-content:flex-start;align-items:center;gap:9px;display:flex}.table-icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;padding:0;transition:all .2s;display:inline-flex}.table-icon-button .material-symbols-outlined{font-size:19px;font-weight:400}.edit-icon-button{color:#2472cc}.edit-icon-button:hover{color:#1a59a4;box-shadow:none;background:#eaf3ff;border-color:#c9def8}.delete-icon-button{color:#dc4545}.delete-icon-button:hover{color:#c62828;box-shadow:none;background:#fff0f0;border-color:#f5cccc}.table-icon-button:focus-visible{outline-offset:2px;outline:2px solid #2472cc}.table-icon-button{position:relative}.table-icon-button:after{content:attr(data-tooltip);color:#000;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#fff;border:1px solid #333;border-radius:4px;padding:5px 9px;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.table-icon-button:hover:after{opacity:1;visibility:visible}.import-top-button{border:1px solid var(--blue-200);background:var(--blue-50);color:var(--blue-dark);flex-shrink:0}.import-top-button:hover:not(:disabled){background:var(--blue-100);border-color:var(--blue);color:var(--blue-darker)}.import-help{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.6}.import-new-employees{border:1px solid var(--blue-200);background:var(--blue-50);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px 14px;font-size:13px;display:flex}.import-new-employee{align-items:center;gap:8px;display:flex}.import-result-cell{white-space:normal;min-width:220px}.import-note{color:var(--muted);margin-top:3px;font-size:11px}.import-pill{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.import-ready{background:var(--blue-100);color:var(--blue-dark)}.import-unknown_employee{border:1px solid var(--blue-300);color:var(--blue-dark);background:#fff}.import-duplicate,.import-error{background:var(--blue-1);color:#fff}.report-modal input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer}.report-modal input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px;width:24px;height:24px;padding:0}.report-modal input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px;width:24px;height:24px;padding:0}.report-modal input[type=date]::-webkit-calendar-picker-indicator{border-radius:6px;transition:background-color .18s}.report-modal input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:var(--blue-100)}.import-preview-modal.import-compact{max-width:520px}.import-preview-modal.import-wide{max-width:1000px}.import-form{text-align:left;flex-direction:column;gap:18px;display:flex}.import-info{border:1px solid var(--blue-200);background:var(--blue-50);color:var(--blue-darker);border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.55}.import-info ul{margin:6px 0 0;padding-left:18px}.import-info li+li{margin-top:4px}.import-field{flex-direction:column;gap:7px;display:flex}.import-field label{color:#3c4760;text-align:left;font-size:12px;font-weight:650}.import-actions{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}@media (width<=480px){.import-actions{flex-direction:column-reverse}.import-actions button{width:100%}}.import-pill.import-ready{background:var(--blue-100);color:var(--blue-dark)}.import-pill.import-changed{background:var(--blue-5);color:#fff}.import-pill.import-unchanged{border:1px solid var(--blue-200);color:var(--muted);background:#fff}.import-old{color:var(--muted);text-decoration:line-through}.import-arrow{color:var(--blue);font-weight:700}.import-summary-bar{border:1px solid var(--blue-200);background:var(--blue-50);color:var(--blue-darker);border-radius:8px;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.import-check{color:var(--blue-dark);cursor:pointer;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:600;display:flex}.import-bulk{gap:16px;margin:10px 0 0;display:flex}.import-link{min-height:0;color:var(--blue);box-shadow:none;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.import-missing{border-top:1px solid #edf0f5;margin-top:20px;padding-top:16px}.import-missing h3{color:#202a41;margin:0 0 6px;font-size:14px}.import-check input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:3px;flex-shrink:0;place-content:center;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;display:grid}.import-check input[type=checkbox]:checked{background:#fff;border-color:#000}.import-check input[type=checkbox]:checked:before{content:"✓";color:#000;font-size:12px;font-weight:700;line-height:1}.import-check input[type=checkbox]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.import-pill.import-conflict{color:#b54708;background:#fff1e0;border:1px solid #f3c48b}.conflict-panel{text-align:left;background:#fffaf3;border:1px solid #f3c48b;border-radius:10px;margin-bottom:16px;padding:14px 16px}.conflict-panel h3{color:#b54708;margin:0 0 6px;font-size:14px}.conflict-panel .import-help{margin-bottom:4px}.conflict-card{background:#fff;border:1px solid #e3e7f0;border-radius:8px;margin-top:12px;padding:12px}.conflict-card-title{color:#202a41;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.conflict-card-title span{color:var(--muted);font-size:12px}.conflict-options{flex-direction:column;gap:8px;display:flex}.conflict-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe4ef;border-radius:8px;align-items:center;gap:12px;margin:0;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.conflict-option:hover{border-color:var(--blue-200);background:var(--blue-50)}.conflict-option.selected{border-color:var(--blue);background:var(--blue-50)}.conflict-source{color:#25304b;flex:0 0 110px;font-size:12px;font-weight:700}.conflict-detail{color:#3e4961;font-size:12px;font-weight:500}.conflict-option input[type=radio]{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #000;border-radius:50%;flex-shrink:0;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0}.conflict-option input[type=radio]:checked{background:#000;box-shadow:inset 0 0 0 3px #fff}.conflict-option input[type=radio]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.dropzone{align-items:left;border:2px dashed var(--blue-200);border-radius:var(--radius-md);background:var(--blue-50);color:var(--blue-darker);text-align:center;cursor:pointer;flex-direction:column;justify-content:flex-start;gap:4px;padding:26px 16px;transition:border-color .18s,background .18s;display:flex}.dropzone:hover,.dropzone:focus-visible{border-color:var(--blue);outline:none}.dropzone.dragover{border-color:var(--blue);background:var(--blue-100);border-style:solid}.dropzone.has-file{border-style:solid}.dropzone.disabled{opacity:.6;cursor:not-allowed}.dropzone-title{font-size:13px;font-weight:650}.dropzone-file{overflow-wrap:anywhere;font-size:13px;font-weight:650}.dropzone-hint{color:var(--muted);font-size:12px;font-weight:400}.summary-icon .material-symbols-outlined{font-family:Material Symbols Outlined;font-size:18px;line-height:1}