*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#eef2f7;color:#111827}button,input,select{font:inherit}button{border:0;border-radius:10px;background:#2563eb;color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}button:hover{filter:brightness(.96)}button.danger{background:#dc2626}.link{background:transparent;color:#2563eb;padding:8px 10px}.lang{position:fixed;top:22px;right:24px;z-index:20}.inlineLang{position:static;z-index:auto}.lang select{padding:10px 14px;border-radius:12px;border:1px solid #d1d5db;background:#fff}.login{position:relative;min-height:100vh;background:linear-gradient(120deg,#0b1f3f,#08213f 45%,#020b14);display:grid;grid-template-columns:1.2fr .9fr;gap:48px;align-items:center;padding:70px 9vw;color:#fff}.cleanLogin{grid-template-columns:1fr .86fr}.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:.02em;margin:0;text-shadow:0 4px 18px rgba(0,0,0,.35)}.cleanHero h1{max-width:850px}.heroLogo{width:150px;height:110px;object-fit:cover;border-radius:24px;margin-bottom:28px}.hero p{font-size:22px;max-width:720px;line-height:1.45}.hero li{margin:14px 0;font-size:20px}.card{background:#fff;color:#111827;border-radius:28px;box-shadow:0 24px 80px #02081742;padding:34px}.loginCard{max-width:620px}.loginCard h2{font-size:32px;margin-top:0}.loginCard label{display:block;font-weight:600;margin:18px 0 8px}.loginCard input{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:12px}.loginActions{display:flex;align-items:center;gap:12px;margin-top:18px}.error{color:#dc2626}.note{color:#2563eb;font-weight:700}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;text-align:center;background:#091e40d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff}.welcome h2{font-size:34px;max-width:900px}.footerWrap{margin-top:auto;text-align:center}.releaseLine{color:#64748b;font-size:13px;padding:12px 0 6px}footer{background:#071a31;color:#cbd5e1;text-align:center;font-size:13px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.08)}.login .footerWrap{position:absolute;left:0;right:0;bottom:0}.login .releaseLine{color:#94a3b8}.login footer{background:#071a31d1}.app{display:grid;grid-template-columns:285px 1fr;min-height:100vh}.app aside{background:#071a31;color:#fff;padding:36px 28px;display:flex;flex-direction:column;gap:12px}.app aside img{width:130px;height:90px;object-fit:cover;border-radius:20px}.app aside h2{letter-spacing:.08em}.app aside button{width:100%;text-align:start;background:transparent;border:1px solid rgba(255,255,255,.08)}.app aside button.active{background:#2563eb}.content{padding:44px 48px 0;background:#f4f7fb;min-width:0;display:flex;flex-direction:column;min-height:100vh}.pageBody{flex:1;padding-bottom:28px}.content header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.headerTools{display:flex;align-items:center;gap:16px;white-space:nowrap}.content header h1{font-size:36px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:20px;margin-bottom:24px}.cards div,.panel{background:#fff;border-radius:20px;box-shadow:0 16px 60px #0f172a14;padding:24px}.cards b{font-size:36px;display:block}.cards span{color:#475569}.panel{margin-bottom:22px}.inline,.adminForm,.groupForm{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.inline input,.adminForm input,.adminForm select,.groupForm input,.groupForm select,.panel input,.panel select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e5e7eb;padding:14px 0}.row:first-of-type{border-top:0}.weekGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}.day{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#f8fafc}.day label,.day input,.day select{width:100%;display:block;margin:8px 0}.dayName{color:#111827;font-weight:800}.dayName.weekend,.weekend{color:#dc2626!important;font-weight:800}.weekday{color:#111827;font-weight:800}.overtimeBox{margin-top:12px;border-top:1px dashed #cbd5e1;padding-top:12px}.checkList{display:flex;gap:10px;flex-wrap:wrap;width:100%}.checkList label{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px}.timesheet{padding:0;overflow:hidden}.timesheetTop{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:1px solid #e5e7eb}.timesheetTop h2{font-size:34px;margin:8px 0}.backLink{color:#2563eb;font-weight:700}.pill{display:inline-block;background:#eef2ff;color:#1e40af;border:1px solid #c7d2fe;border-radius:8px;padding:6px 12px;font-weight:700}.metaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:22px 28px;border-bottom:1px solid #e5e7eb}.metaGrid small{display:block;color:#64748b;margin-bottom:8px}.tabs{display:flex;gap:0;padding:20px 28px}.tabs button{background:#fff;color:#1d4ed8;border:1px solid #cbd5e1;border-radius:0}.tabs button:first-child{border-radius:10px 0 0 10px}.tabs button:last-child{border-radius:0 10px 10px 0}.tabs button.active{background:#eff6ff}.timesheet h3{padding:0 28px;margin:18px 0 12px}.timeTable{width:calc(100% - 56px);margin:0 28px 26px;border-collapse:collapse;table-layout:fixed}.timeTable th,.timeTable td{border:1px solid #cbd5e1;padding:12px 10px;text-align:center;background:#fff;vertical-align:middle}.timeTable th:first-child,.timeTable td:first-child{text-align:start;width:220px;background:#f8fafc;font-weight:700}.timeTable .total td{background:#e5edf6;font-weight:800}.cellInput,.cellSelect{width:100%;min-width:88px;border:1px solid #cbd5e1;border-radius:8px;padding:8px;background:#fff;text-align:center}.timesheetActions{display:flex;gap:12px;justify-content:flex-end;margin:12px 28px 28px}.sheetNote{margin:0 28px 12px}html[dir=rtl] .lang{right:auto;left:24px}html[dir=rtl] .inlineLang{left:auto;right:auto}html[dir=rtl] .app aside button{text-align:right}@media (max-width:900px){.login{grid-template-columns:1fr;padding:80px 24px}.app{grid-template-columns:1fr}.app aside{position:relative}.cards{grid-template-columns:1fr 1fr}.content{padding:28px 18px}.timeTable{font-size:13px;display:block;overflow:auto}.metaGrid{grid-template-columns:1fr}.hero h1{font-size:42px}}.appFrame{min-height:100vh;display:flex;flex-direction:column;background:#071a31}.app{flex:1;min-height:calc(100vh - 78px)}.app aside{padding-top:46px}.sidebarSpacer{height:70px}.userBlock{margin-top:0}.app aside img,.app aside h2{display:none!important}.app aside button.logoutButton{margin-top:auto;background:linear-gradient(135deg,#f59e0b,#f97316);border-color:#fbbf2473;color:#08111f;text-align:center;box-shadow:0 10px 22px #f9731638}.monthNav{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;text-align:left!important}.monthNav.active{background:#2563eb!important}.monthNav b{font-size:14px}.monthNav small{color:#cbd5e1;line-height:1.35}.footerWrap{width:100%;background:#071a31;box-shadow:0 -16px 36px #02081759,inset 0 1px #ffffff14;border-top:1px solid rgba(255,255,255,.1);transform:translateZ(0)}.releaseLine{color:#e2e8f0;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);padding-top:13px}footer{background:linear-gradient(180deg,#0b2342,#071a31);box-shadow:inset 0 10px 28px #ffffff08;border-top:1px solid rgba(255,255,255,.08)}.timesheetTop .backLink{display:none}.monthlyComment{margin:0 28px 16px;background:#f8fafc;border:1px solid #dbe4ef;border-radius:16px;padding:16px}.monthlyComment textarea{display:block;width:100%;min-height:130px;margin-top:10px;border:1px solid #cbd5e1;border-radius:12px;padding:12px;resize:vertical}.monthlyComment small{display:block;text-align:right;margin-top:6px;color:#64748b}.monthCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.monthCard{border:1px solid #dbe4ef;border-radius:18px;background:#f8fafc;padding:18px;display:flex;flex-direction:column;gap:10px}.monthCard b{font-size:20px}.monthCard em{font-style:normal;color:#1d4ed8;font-weight:800}@media print{aside,.headerTools,.timesheetActions,.tabs,.content header,.releaseLine,footer{display:none!important}.app,.appFrame{display:block;background:#fff}.content{padding:0;background:#fff}.panel{box-shadow:none}.timeTable{width:100%;margin-left:0;margin-right:0}.monthlyComment{margin-left:0;margin-right:0}}.brandTop{display:flex;align-items:center;justify-content:center;margin:0 0 30px;min-height:132px}.sideLogo{display:block!important;width:188px!important;height:132px!important;max-width:100%;object-fit:cover;border-radius:26px;box-shadow:0 18px 42px #00000052,inset 0 1px #ffffff29}.app aside h2{display:none!important}.sidebarSpacer{display:none!important}.userBlock{margin-top:8px}.monthNav{justify-content:center;min-height:54px;text-align:center!important;align-items:center!important}.monthNav span{font-weight:800}.monthNav b,.monthNav small{display:none!important}.logoutButton{background:linear-gradient(135deg,#f6a21a,#f97316)!important;color:#08111f!important;border-color:#ffb9478c!important;font-weight:900!important}.app aside button.monthNav{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:58px!important;padding:14px 16px!important}.app aside button.monthNav span{display:block!important;width:100%!important;text-align:center!important;font-weight:900!important}.app aside button.monthNav b,.app aside button.monthNav small{display:none!important}html,body,#root{min-height:100%}img{max-width:100%;height:auto}.content,.panel,.card,.timesheet{max-width:100%}.content{overflow-x:hidden}.responsiveScroll,.tableScroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.timeTable{min-width:980px}.timeTable input,.timeTable select{max-width:100%}@media (max-width: 1180px){.app{grid-template-columns:240px 1fr}.app aside{padding:28px 18px}.content{padding:34px 30px 0}.cards{grid-template-columns:repeat(2,minmax(160px,1fr))}.sideLogo{width:150px!important;height:106px!important}.timeTable{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.timesheetTop,.metaGrid,.tabs,.timesheet h3{padding-left:16px;padding-right:16px}.timesheetActions,.monthlyComment,.sheetNote{margin-left:16px;margin-right:16px}}@media (max-width: 900px){.login{grid-template-columns:1fr;gap:28px;padding:76px 22px 96px;align-content:center}.cleanLogin{grid-template-columns:1fr}.hero h1{font-size:clamp(34px,9vw,54px)}.loginCard{max-width:100%}.loginActions{flex-wrap:wrap}.appFrame{background:#f4f7fb}.app{display:block;min-height:auto}.app aside{position:sticky;top:0;z-index:15;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #02081738}.brandTop{grid-row:1 / span 2;margin:0!important;min-height:0!important}.sideLogo{width:78px!important;height:54px!important;border-radius:14px!important;box-shadow:0 8px 20px #00000038!important}.userBlock{margin:0;font-size:13px;line-height:1.25}.app aside button{width:auto;min-height:42px;padding:10px 12px;white-space:nowrap;text-align:center!important}.app aside>button:not(.logoutButton),.app aside .monthNav{overflow:hidden;text-overflow:ellipsis}.app aside{grid-template-areas:"brand user" "brand nav"}.userBlock{grid-area:user}.app aside>button,.monthNav{grid-area:nav}.app aside{display:flex;flex-wrap:wrap;justify-content:flex-start}.brandTop{flex:0 0 auto}.userBlock{flex:1 1 160px}.app aside button{flex:1 1 145px}.logoutButton{margin-top:0!important;flex:1 1 120px}.content{padding:24px 14px 0;min-height:auto}.content header{align-items:flex-start;flex-direction:column;gap:12px}.headerTools{width:100%;justify-content:space-between;gap:10px;white-space:normal}.inlineLang select{max-width:180px}.content header h1{font-size:clamp(26px,7vw,36px)}.cards{grid-template-columns:1fr 1fr;gap:12px}.cards div,.panel{padding:18px;border-radius:18px}.cards b{font-size:28px}.row{align-items:flex-start;flex-direction:column}.row span:last-child{display:flex;flex-wrap:wrap;gap:8px}.adminForm,.groupForm,.inline{flex-direction:column}.adminForm input,.adminForm select,.groupForm input,.groupForm select,.inline input,.inline select,.inline button{width:100%}.checkList{display:grid;grid-template-columns:1fr}.weekGrid{grid-template-columns:1fr}.timesheet{overflow:hidden}.timesheetTop{flex-direction:column;gap:12px}.timesheetTop h2{font-size:clamp(26px,8vw,34px)}.metaGrid{grid-template-columns:1fr;gap:14px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs button{flex:0 0 auto}.timeTable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:calc(100% - 24px);margin-left:12px;margin-right:12px;min-width:840px;font-size:13px}.timeTable th,.timeTable td{padding:9px 8px}.timeTable th:first-child,.timeTable td:first-child{width:160px;position:sticky;left:0;z-index:2;box-shadow:6px 0 8px #0f172a0d}html[dir=rtl] .timeTable th:first-child,html[dir=rtl] .timeTable td:first-child{left:auto;right:0;box-shadow:-6px 0 8px #0f172a0d}.cellInput,.cellSelect{min-width:76px;padding:7px}.timesheetActions{justify-content:stretch;flex-wrap:wrap}.timesheetActions button{flex:1 1 160px}.monthlyComment textarea{min-height:110px}.footerWrap{position:static;margin-top:18px}}@media (max-width: 560px){body{font-size:14px}.login{padding:70px 14px 96px}.lang{top:14px;right:14px}html[dir=rtl] .lang{left:14px;right:auto}.lang select{padding:9px 10px;max-width:150px}.hero h1{font-size:34px}.card{padding:22px;border-radius:22px}.loginCard h2{font-size:26px}.loginActions button,.loginActions .link{flex:1 1 100%;text-align:center}.app aside{padding:10px;gap:8px}.sideLogo{width:64px!important;height:46px!important}.userBlock{font-size:12px}.app aside button{flex:1 1 calc(50% - 8px);font-size:13px;padding:9px 8px;min-height:38px}.content{padding:18px 10px 0}.headerTools{align-items:flex-start}.cards{grid-template-columns:1fr}.panel{padding:14px;border-radius:16px}.timesheetTop,.metaGrid,.tabs,.timesheet h3{padding-left:10px;padding-right:10px}.timeTable{width:calc(100% - 12px);margin-left:6px;margin-right:6px;min-width:760px}.timeTable th:first-child,.timeTable td:first-child{width:135px}.timesheetActions,.monthlyComment,.sheetNote{margin-left:10px;margin-right:10px}.timesheetActions button{flex:1 1 100%}.monthCards{grid-template-columns:1fr}.releaseLine{font-size:12px}footer{font-size:12px;padding:12px 10px}}@media (max-width: 380px){.app aside button{flex-basis:100%}.sideLogo{width:58px!important;height:42px!important}.hero h1{font-size:30px}}.adminTable{width:100%;border-collapse:collapse;min-width:850px}.adminTable th,.adminTable td{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.adminTable th{background:#f8fafc;color:#334155;font-weight:800}.adminTable small{color:#64748b}.panel h3{margin-top:24px;color:#0f172a}.panel .inline{align-items:center}.panel .inline input[type=month]{min-width:170px}.cards div{border:1px solid #e5e7eb}.row small{color:#64748b}.auditBadge{background:#eef2ff;color:#1e40af;border-radius:999px;padding:3px 8px;font-weight:800}.content header select{min-width:150px}.app aside .userBlock{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:18px;margin-bottom:8px}@media (max-width:900px){.adminTable{min-width:760px}.panel h2{font-size:24px}.cards{grid-template-columns:1fr}.content header select{min-width:130px}}.app aside .brandTop{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0 0 30px!important;min-height:142px!important}.app aside .brandTop img.sideLogo{display:block!important;visibility:visible!important;opacity:1!important;width:190px!important;height:134px!important;object-fit:contain!important;border-radius:24px!important;background:#ffffff05!important;box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff24!important}.role-employee .app aside button.monthNav,.role-employee .app aside button{min-height:54px;justify-content:center;text-align:center!important}.role-employee .timesheet{border-radius:20px;box-shadow:0 16px 60px #0f172a14}.role-employee .timesheetTop{background:#fff}.role-employee .timeTable th:first-child,.role-employee .timeTable td:first-child{background:#f8fafc;font-weight:800}.role-employee .timeTable .total td{background:#e5edf6;font-weight:900}.role-admin .app aside,.role-manager .app aside{gap:18px}.role-admin .app aside button,.role-manager .app aside button{min-height:52px;margin-bottom:4px}.role-admin .panel .inline,.role-manager .panel .inline,.role-admin .adminForm,.role-manager .adminForm,.role-admin .groupForm,.role-manager .groupForm{gap:18px;row-gap:18px;margin-bottom:26px}.role-admin .row span:last-child,.role-manager .row span:last-child{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.role-admin .row button,.role-manager .row button,.role-admin .panel button,.role-manager .panel button{margin:3px 0}.role-admin .cards,.role-manager .cards{gap:24px}.role-admin .panel,.role-manager .panel{margin-bottom:28px}@media (max-width:900px){.app aside .brandTop{min-height:74px!important;margin:0 8px 0 0!important}.app aside .brandTop img.sideLogo{width:86px!important;height:62px!important;border-radius:14px!important}.role-admin .app aside,.role-manager .app aside{gap:10px}.role-admin .app aside button,.role-manager .app aside button{min-height:44px;margin-bottom:0}}.professionalPanel{border:1px solid #e2e8f0}.mutedText{color:#64748b;margin-top:-8px}.filterBar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:18px 0 24px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px}.filterBar input,.filterBar select{padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;min-height:44px}.managementLayout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:22px;align-items:start}.listPane,.editorPane,.internalPage{background:#f8fafc;border:1px solid #dbe4ef;border-radius:18px;padding:18px}.paneHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.listItem{width:100%;display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;margin:8px 0;padding:13px 14px!important;border-radius:14px!important}.listItem span{font-weight:900}.listItem small{color:#64748b;line-height:1.35}.listItem.active{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f}.editorPane h3{margin-top:0;font-size:24px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:16px;margin-bottom:16px}.formGrid label,.editorPane>label{font-weight:800;color:#334155;display:flex;flex-direction:column;gap:8px}.formGrid input,.formGrid select,.editorPane textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;font-weight:500}.editorPane textarea{min-height:120px;resize:vertical;margin-top:8px}.checkLine{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;margin:12px 0;color:#334155}.checkLine input{width:auto!important}.internalCheckList{max-height:260px;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin-bottom:16px}.editorActions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;border-top:1px solid #e2e8f0;padding-top:18px}.successText{display:inline-block;background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:999px;padding:8px 12px;font-weight:800}.approvalList{display:grid;gap:14px}.approvalCard{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.1fr) auto;gap:14px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.approvalCard b{display:block}.approvalCard small{display:block;color:#64748b;margin-top:4px}.approvalCard textarea{width:100%;min-height:72px;border:1px solid #cbd5e1;border-radius:12px;padding:10px;resize:vertical}.approvalActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.smallCards{grid-template-columns:repeat(3,minmax(140px,1fr))}@media (max-width:1050px){.managementLayout,.approvalCard{grid-template-columns:1fr}.approvalActions{justify-content:flex-start}.formGrid,.smallCards{grid-template-columns:1fr}}.editorTitleRow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.lockedPane input:disabled,.lockedPane select:disabled,.lockedPane textarea:disabled,.lockedPane .checkList input:disabled{background:#f8fafc;color:#0f172a;border-color:#dbe4ef;opacity:1;cursor:not-allowed}.lockedPane label{color:#334155}.successText{font-weight:800;color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:12px;padding:10px 12px}.receiptForm .costInput{-moz-appearance:textfield}.receiptForm .costInput::-webkit-outer-spin-button,.receiptForm .costInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.receiptForm select[name=currency]{min-width:110px}.receiptActions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.secondarySmall{padding:8px 12px;border-radius:8px;border:1px solid #d3d9e3;background:#fff;color:#0b1d33;font-weight:700;cursor:pointer}.secondarySmall:disabled{opacity:.6;cursor:not-allowed}.notificationRow{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #dbe4f0;border-radius:14px;padding:14px;margin:10px 0;background:#fff}.notificationRow.read{opacity:.65;background:#f7f8fb}.notificationRow p{margin:4px 0;color:#4b5563}.permissionGroup{display:grid;grid-template-columns:140px repeat(5,1fr);gap:10px;align-items:center;margin:10px 0;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.permissionGroup label{display:flex;gap:6px;align-items:center;font-size:.9rem}.securityBox,.exportBox{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fff;margin:12px 0}@media (max-width:900px){.permissionGroup{grid-template-columns:1fr}}.bellButton{position:relative;border:0;background:#f3f6fb;color:#102a43;border-radius:12px;padding:10px 12px;font-size:18px;cursor:pointer;box-shadow:inset 0 0 0 1px #0f2a4314}.bellButton span{position:absolute;top:-6px;right:-6px;background:#f59e0b;color:#111827;border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.cellInput:disabled,.cellSelect:disabled,.monthlyComment textarea:disabled{background:#eef2f7;color:#6b7280;cursor:not-allowed}button,.app aside button,.panel button,.row button,.inline button,.adminForm button,.groupForm button,.timesheetActions button,.loginActions button,.tabs button,.receiptForm button{position:relative;overflow:hidden;border-radius:13px;border:1px solid rgba(255,255,255,.22);background-image:linear-gradient(180deg,#ffffff4d,#fff0 42%),linear-gradient(135deg,#3b82f6,#2563eb 48%,#1d4ed8);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000001f,0 10px 18px #2563eb38,0 3px 7px #0f172a1a;text-shadow:0 1px 1px rgba(0,0,0,.24);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}button:before,.app aside button:before,.panel button:before,.row button:before,.inline button:before,.adminForm button:before,.groupForm button:before,.timesheetActions button:before,.loginActions button:before,.tabs button:before,.receiptForm button:before{content:"";position:absolute;left:8%;right:8%;top:6%;height:42%;border-radius:999px;background:linear-gradient(180deg,#ffffff6b,#ffffff0d);pointer-events:none}button:hover{filter:brightness(1.03) saturate(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff85,inset 0 -1px #00000024,0 14px 24px #2563eb45,0 5px 10px #0f172a21}button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0003,0 5px 10px #2563eb29}button:disabled{cursor:not-allowed;opacity:.62;transform:none;filter:grayscale(.15)}button.danger,.row button.danger,.panel button.danger{background-image:linear-gradient(180deg,#ffffff47,#fff0 42%),linear-gradient(135deg,#ef4444,#dc2626 48%,#b91c1c);box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #00000024,0 10px 18px #dc262638,0 3px 7px #0f172a1a}button.link,.loginActions .link{background-image:linear-gradient(180deg,#ffffffe0,#eff6ffc7);color:#1d4ed8;border:1px solid rgba(37,99,235,.2);text-shadow:none;box-shadow:inset 0 1px #ffffffeb,0 6px 14px #2563eb1a}.app aside button{background-image:linear-gradient(180deg,#ffffff21,#ffffff08 45%),linear-gradient(135deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000002e,0 8px 18px #0000002e}.app aside button.active,.monthNav.active{background-image:linear-gradient(180deg,#ffffff42,#fff0 42%),linear-gradient(135deg,#3b82f6,#2563eb 48%,#1e40af);border-color:#93c5fd6b}.app aside button.logoutButton,.logoutButton{background-image:linear-gradient(180deg,#ffffff57,#fff0 44%),linear-gradient(135deg,#fbbf24,#f59e0b 48%,#f97316)!important;color:#08111f!important;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff8f,inset 0 -1px #00000024,0 12px 22px #f9731640,0 4px 8px #0f172a26!important}.tabs button{border-radius:0;color:#1d4ed8;text-shadow:none;background-image:linear-gradient(180deg,#ffffffeb,#eff6ffcc);box-shadow:inset 0 1px #fffffff2,0 5px 12px #2563eb14}.tabs button:first-child{border-radius:12px 0 0 12px}.tabs button:last-child{border-radius:0 12px 12px 0}.tabs button.active{color:#fff;background-image:linear-gradient(180deg,#ffffff47,#fff0 42%),linear-gradient(135deg,#3b82f6,#2563eb 48%,#1e40af);text-shadow:0 1px 1px rgba(0,0,0,.22)}button:before,.app aside button:before,.panel button:before,.row button:before,.inline button:before,.adminForm button:before,.groupForm button:before,.timesheetActions button:before,.loginActions button:before,.tabs button:before,.receiptForm button:before{top:3px!important;height:22%!important;left:10%!important;right:10%!important;opacity:.45!important;background:linear-gradient(180deg,#ffffff4d,#fff0)!important}.statusFlow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #dbe4ef;border-radius:18px;padding:14px 18px;margin:0 0 18px;box-shadow:0 10px 28px #0f172a0f;font-weight:800;color:#0f172a}.statusFlow span{background:#f8fafc;border:1px solid #dbe4ef;border-radius:999px;padding:7px 12px;white-space:nowrap}.statusFlow em{font-style:normal;color:#64748b}@media (max-width:700px){.statusFlow{gap:6px;font-size:12px}.statusFlow span{padding:6px 9px}}.app aside button:before,.monthNav:before,.logoutButton:before,.bellButton:before{display:none!important}.app aside button,.monthNav,.logoutButton{overflow:visible!important}.bellButton{overflow:visible!important;padding:10px 14px!important}.bellButton span{top:-12px!important;right:-12px!important;min-width:26px!important;height:26px!important;padding:0 7px!important;border:2px solid #ffffff!important;z-index:10!important;line-height:1!important;box-shadow:0 6px 14px #0f172a38!important}.statusFlow span.current{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border-color:#1d4ed8!important;box-shadow:0 8px 18px #2563eb38!important}.statusFlow span.current:nth-of-type(4){background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#dc2626!important}.statusFlow span.current:nth-of-type(5){background:linear-gradient(135deg,#f59e0b,#f97316)!important;color:#111827!important;border-color:#f97316!important}.app aside .brandTop{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:132px!important;margin:0 0 28px!important;padding:14px!important;border-radius:28px!important;background:linear-gradient(145deg,#ffffff1a,#ffffff06)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff2e!important}.app aside .brandTop img.sideLogo{display:block!important;width:150px!important;height:98px!important;object-fit:contain!important;object-position:center center!important;border-radius:18px!important;margin:0 auto!important;box-shadow:none!important;background:transparent!important}.role-manager .cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.role-manager .pageBody>.cards:first-child{max-width:300px}.approvalCard small{display:block;margin-top:4px}.app aside .brandTop,.role-employee .app aside .brandTop,.role-manager .app aside .brandTop,.role-admin .app aside .brandTop{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:154px!important;margin:0 0 28px!important;padding:0!important}.app aside .brandTop:before{content:"";position:absolute}.app aside .brandTop img.sideLogo,.role-employee .app aside .brandTop img.sideLogo,.role-manager .app aside .brandTop img.sideLogo,.role-admin .app aside .brandTop img.sideLogo{width:138px!important;height:138px!important;max-width:138px!important;max-height:138px!important;object-fit:contain!important;border-radius:50%!important;padding:12px!important;background:radial-gradient(circle at 35% 25%,#ffffff2e,#ffffff0a 38%,#0208171f 70%),linear-gradient(145deg,#ffffff14,#00000038)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 20px 44px #0000006b,inset 0 2px 4px #ffffff29,inset 0 -14px 24px #0003,0 0 26px #f59e0b29!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.1)) saturate(1.08) contrast(1.04)!important}@media (max-width:900px){.app aside .brandTop,.role-employee .app aside .brandTop,.role-manager .app aside .brandTop,.role-admin .app aside .brandTop{min-height:78px!important;margin:0 8px 0 0!important;width:auto!important}.app aside .brandTop img.sideLogo,.role-employee .app aside .brandTop img.sideLogo,.role-manager .app aside .brandTop img.sideLogo,.role-admin .app aside .brandTop img.sideLogo{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;padding:7px!important}}.statusCounts{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:12px;align-items:center;width:100%}.statusCounts span{display:flex;flex-direction:column;gap:4px}.statusCounts b{font-size:36px!important;line-height:1!important;display:block}.statusCounts small{color:#475569;font-size:13px;font-weight:700;line-height:1.2}.app aside .brandTop,.role-employee .app aside .brandTop,.role-manager .app aside .brandTop,.role-admin .app aside .brandTop{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;position:relative!important}.app aside .brandTop img.sideLogo,.role-employee .app aside .brandTop img.sideLogo,.role-manager .app aside .brandTop img.sideLogo,.role-admin .app aside .brandTop img.sideLogo{border-radius:50%!important;background:radial-gradient(circle at 32% 24%,#ffffff38,#ffffff0d 40%,#0208172e 72%),linear-gradient(145deg,#0c172bf5,#020817fa)!important;box-shadow:0 22px 48px #00000070,inset 0 2px 5px #ffffff2e,inset 0 -18px 28px #0000003d,0 0 30px #f59e0b2e!important;filter:drop-shadow(0 0 12px rgba(255,255,255,.12)) saturate(1.1) contrast(1.05)!important}.headerTools .topLogoutButton{font-size:13px!important;padding:8px 13px!important;min-height:36px!important;width:auto!important;white-space:nowrap!important;margin:0!important}.app aside button.supportNavButton{margin-top:auto!important;text-align:center!important}.app aside .brandTop{background:transparent!important;box-shadow:none!important;border:0!important}.app aside .brandTop img.sideLogo{border-radius:50%!important;width:128px!important;height:128px!important;object-fit:contain!important;padding:10px!important;background:radial-gradient(circle at 35% 25%,#ffffff57,#ffffff14 44%,#0f172a38)!important;box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff47,inset 0 -10px 24px #0000002e!important}.panel button:not(.link):not(.danger):not(.secondary):not(.secondarySmall),.row button:not(.link):not(.danger):not(.secondary):not(.secondarySmall),.inline button:not(.link):not(.danger):not(.secondary):not(.secondarySmall),.filterBar button:not(.link):not(.danger):not(.secondary):not(.secondarySmall){color:#fff!important}.app aside button{color:#fff!important}.tabs button{color:#1d4ed8!important}.logoutButton,.topLogoutButton{color:#08111f!important}.clickableNotice{cursor:pointer;display:inline-block}.clickableNotice:hover{text-decoration:underline;filter:brightness(.98)}.supportGrid{display:grid;grid-template-columns:minmax(280px,1fr) 320px;gap:22px;align-items:start}.supportForm{display:grid;gap:14px}.supportForm label{display:grid;gap:7px;font-weight:700}.supportForm input,.supportForm textarea{padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.supportForm textarea{min-height:140px;resize:vertical}.supportCard{border-radius:20px;background:linear-gradient(180deg,#0b2342,#071a31);color:#e2e8f0;padding:22px;box-shadow:0 18px 36px #02081738,inset 0 1px #ffffff14}.supportCard h3{color:#fff;margin-top:0}@media (max-width:900px){.supportGrid{grid-template-columns:1fr}.headerTools .topLogoutButton{order:-1}.app aside button.supportNavButton{margin-top:0!important}.app aside .brandTop img.sideLogo{width:82px!important;height:82px!important}}.app aside .brandTop{margin-bottom:14px!important}.app aside .sidebarLogoutButton{display:block!important;width:calc(100% - 34px)!important;margin:0 auto 22px!important;min-height:40px!important;padding:9px 14px!important;font-size:14px!important;border-radius:16px!important}.headerTools .topLogoutButton{display:none!important}.role-admin .listPane .paneHeader button,.role-admin .managementLayout .paneHeader button,.role-admin .professionalPanel .paneHeader button{background:linear-gradient(180deg,#2f7df6,#155bd4)!important;color:#fff!important;border:1px solid rgba(147,197,253,.55)!important;box-shadow:0 10px 22px #2563eb38!important}.securityCenter>button{margin-top:12px!important;margin-right:14px!important}html[dir=rtl] .securityCenter>button{margin-right:0!important;margin-left:14px!important}.auditScrollBox{max-height:420px;overflow-y:auto;border:1px solid #dbe4ef;background:#f8fafc;border-radius:18px;padding:10px;margin-top:12px;box-shadow:inset 0 2px 8px #0f172a0d}.auditScrollBox .row{background:#fff;border-radius:12px;margin:8px 0;padding:12px;border:1px solid #e5e7eb}.supportInfoCard{border-radius:24px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #dbe4ef!important;box-shadow:0 14px 28px #0f172a1a!important}.supportInfoCard h3{font-size:24px!important;margin-bottom:8px!important;color:#0b2342!important}.doubleUnderline{height:6px;width:150px;border-top:3px solid #f59e0b;border-bottom:3px solid #0b2342;border-radius:999px;margin:0 0 18px}.supportInfoCard p{display:flex;align-items:center;gap:12px;font-weight:700;color:#334155}.supportIcon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#0b2342;color:#fff;box-shadow:0 8px 18px #0b234240}.employeeFilterRow input{min-width:220px}.employeeFilterRow select{min-width:280px}.role-admin .listPane .listItem,.role-admin .managementLayout .listItem,.role-manager .listPane .listItem,.role-manager .managementLayout .listItem{background:#fff!important;color:#0f172a!important;text-shadow:none!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 22px #0f172a0f!important}.role-admin .listPane .listItem span,.role-admin .managementLayout .listItem span,.role-manager .listPane .listItem span,.role-manager .managementLayout .listItem span{color:#0f172a!important;text-shadow:none!important;opacity:1!important}.role-admin .listPane .listItem small,.role-admin .managementLayout .listItem small,.role-manager .listPane .listItem small,.role-manager .managementLayout .listItem small{color:#475569!important;text-shadow:none!important;opacity:1!important}.role-admin .listPane .listItem.active,.role-admin .managementLayout .listItem.active,.role-manager .listPane .listItem.active,.role-manager .managementLayout .listItem.active{background:#f8fbff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f,0 12px 24px #2563eb14!important}.role-admin .listPane,.role-admin .editorPane,.role-admin .internalPage,.role-manager .listPane,.role-manager .editorPane,.role-manager .internalPage{background:#f8fafc!important;border:1px solid #dbe4ef!important}.role-employee .statusFlow,.role-employee .timesheet,.role-employee .timesheetTop,.role-employee .metaGrid,.role-employee .monthlyComment{background:#fff!important}.role-employee .tabs button{background-image:linear-gradient(180deg,#ffffffeb,#eff6ffcc)!important;background-color:#fff!important;color:#1d4ed8!important;text-shadow:none!important}.role-employee .tabs button.active{background-image:linear-gradient(180deg,#ffffff47,#fff0 42%),linear-gradient(135deg,#3b82f6,#2563eb 48%,#1e40af)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.22)!important}.role-employee .timeTable th,.role-employee .timeTable td{background:#fff!important;color:#0f172a!important}.role-employee .timeTable th:first-child,.role-employee .timeTable td:first-child{background:#f8fafc!important}.role-employee .timeTable .total td{background:#e5edf6!important}.securityCenter .deviceHistoryScroll{max-height:360px;overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid #dbe4ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:inset 0 1px #ffffffbf}.securityCenter .deviceHistoryScroll .row{margin-bottom:8px}.app aside button.supportNavButton{text-align:left!important;justify-content:flex-start!important;padding-left:18px!important}html[dir=rtl] .app aside button.supportNavButton{text-align:right!important;justify-content:flex-start!important;padding-left:18px!important;padding-right:18px!important}.role-employee .tabs{display:flex!important;gap:0!important;padding:20px 28px!important;background:#fff!important}.role-employee .tabs button{background:#fff!important;background-image:none!important;color:#1d4ed8!important;border:1px solid #cbd5e1!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}.role-employee .tabs button:first-child{border-radius:10px 0 0 10px!important}.role-employee .tabs button:last-child{border-radius:0 10px 10px 0!important}.role-employee .tabs button.active{background:#eff6ff!important;background-image:none!important;color:#1d4ed8!important;border-color:#cbd5e1!important;box-shadow:none!important;text-shadow:none!important}.role-employee .timeTable th,.role-employee .timeTable td{background:#fff!important;color:#0f172a!important;text-shadow:none!important}.role-employee .timeTable th:first-child,.role-employee .timeTable td:first-child{background:#f8fafc!important;color:#0f172a!important}.role-employee .timeTable .total td{background:#e5edf6!important;color:#0f172a!important}.role-employee .timesheetTop,.role-employee .metaGrid,.role-employee .monthlyComment,.role-employee .timesheet{background:#fff!important}.role-employee .tabs{display:flex!important;gap:10px!important;padding:20px 28px!important;background:#fff!important}.role-employee .tabs button{border-radius:14px!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;background-image:linear-gradient(180deg,#ffffff21,#ffffff08 45%),linear-gradient(135deg,#ffffff0f,#ffffff05)!important;background-color:#071a31!important;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000002e,0 8px 18px #0000002e!important;text-shadow:none!important}.role-employee .tabs button:first-child,.role-employee .tabs button:last-child{border-radius:14px!important}.role-employee .tabs button.active{color:#fff!important;background-image:linear-gradient(180deg,#ffffff2e,#ffffff05 42%),linear-gradient(135deg,#0b2342,#071a31 55%,#020b14)!important;background-color:#071a31!important;border-color:#93c5fd57!important;box-shadow:0 0 0 3px #2563eb29,0 12px 26px #071a3152,inset 0 1px #ffffff29!important}.role-employee .tabs button:disabled{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.1)!important}.employeeProfile .profileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0 22px}.employeeProfile .profileGrid .row{margin:0}.monthlyPdfBox{margin-top:18px;padding:14px;border:1px solid rgba(20,42,72,.14);border-radius:16px;background:#ffffff8c}.monthlyPdfBox h4{margin:0 0 10px}.monthlyPdfBox .inline{gap:10px;align-items:center;flex-wrap:wrap}.projectGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:18px 0}.projectCard{display:block;text-align:left;border-radius:18px;padding:16px;background:#ffffffd1;border:1px solid rgba(20,42,72,.12);box-shadow:0 10px 24px #0f172a14;color:#0f172a}.projectCard.active{outline:3px solid rgba(30,64,175,.18);border-color:#1e40af59}.projectCardTop{display:flex;justify-content:space-between;gap:12px;align-items:center}.projectCardTop span{font-size:12px;font-weight:800;padding:4px 9px;border-radius:999px;background:#eaf1fb;color:#0f172a}.projectCard small{display:block;margin:6px 0 12px;color:#475569}.projectCard em{display:block;margin-top:8px;font-style:normal;font-weight:800}.projectCard strong{display:inline-block;margin-top:8px;color:#b91c1c}.progressBar{height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden}.progressBar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#071a31,#1d4ed8)}.projectDetail{margin-top:18px;padding:18px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(20,42,72,.12)}.employeeAssignList{max-height:220px;overflow:auto}.analyticsPanel{margin-top:18px}.analyticsPanel .editorTitleRow{align-items:flex-start;gap:12px;flex-wrap:wrap}.analyticsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}.analyticsCard{border:1px solid rgba(20,42,72,.12);border-radius:18px;background:#ffffffc2;padding:14px;box-shadow:0 10px 24px #0f172a12}.analyticsCard h3{margin:0 0 12px;font-size:15px;color:#0f172a}.miniBars{display:grid;gap:10px}.miniBarRow{display:grid;grid-template-columns:minmax(95px,1fr) 1.6fr auto;gap:10px;align-items:center;font-size:12px;color:#334155}.miniBarRow>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.miniBarRow>div{height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden;border:1px solid rgba(15,23,42,.05)}.miniBarRow>div i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#071a31,#1d4ed8)}.miniBarRow>b{font-size:12px;color:#0f172a;white-space:nowrap}.analyticsCard .cards{grid-template-columns:1fr;margin:0}.analyticsCard .cards>div{min-height:98px}@media (max-width: 900px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.appFrame{min-width:0}.app{width:100%;min-width:0}.app aside{position:sticky!important;top:0!important;z-index:50!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;padding:10px!important}.app aside .brandTop{flex:0 0 auto!important;min-width:72px!important;width:72px!important;min-height:72px!important;margin:0 4px 0 0!important}.app aside .brandTop img.sideLogo{width:72px!important;height:72px!important;padding:7px!important}.app aside .userBlock{flex:0 0 145px!important;min-width:145px!important;max-width:170px!important;margin:0!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:#ffffff0a!important}.app aside button,.app aside .monthNav{flex:0 0 auto!important;width:auto!important;min-width:118px!important;max-width:190px!important;min-height:40px!important;padding:9px 12px!important;white-space:nowrap!important;text-align:left!important}html[dir=rtl] .app aside button,html[dir=rtl] .app aside .monthNav{text-align:right!important}.app aside .sidebarLogoutButton{margin:0!important;width:auto!important;min-width:96px!important}.app aside button.supportNavButton{margin-top:0!important;min-width:140px!important}.content{padding:16px 10px 0!important;width:100%;min-width:0}.pageBody{padding-bottom:16px}.content header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:16px!important}.content header h1{font-size:clamp(24px,7vw,34px)!important;line-height:1.15!important}.headerTools{width:100%!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important}.inlineLang select{width:100%;max-width:100%!important}.pill{font-size:12px!important;padding:6px 8px!important}.cards,.analyticsGrid,.projectGrid,.profileGrid,.monthCards,.supportGrid{grid-template-columns:1fr!important;gap:12px!important}.cards{margin-bottom:16px!important}.cards div,.panel,.analyticsCard,.projectCard,.projectDetail{border-radius:16px!important;padding:14px!important}.panel{margin-bottom:14px!important}.inline,.filterBar,.adminForm,.groupForm,.editorActions,.receiptActions,.timesheetActions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.inline input,.inline select,.inline button,.filterBar input,.filterBar select,.filterBar button,.adminForm input,.adminForm select,.adminForm button,.groupForm input,.groupForm select,.groupForm button,.editorActions button,.receiptActions button,.supportForm input,.supportForm textarea,.supportForm button{width:100%!important;max-width:100%!important}.timesheetTop,.metaGrid,.tabs,.timesheet h3{padding-left:12px!important;padding-right:12px!important}.timesheetTop{gap:10px!important}.timesheetTop h2{font-size:clamp(24px,7vw,32px)!important}.metaGrid{grid-template-columns:1fr!important}.tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-top:14px!important;padding-bottom:14px!important}.tabs button{flex:0 0 auto!important;min-width:112px!important}.timeTable,.adminTable{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;margin-left:0!important;margin-right:0!important}.monthlyComment,.sheetNote,.timesheetActions{margin-left:12px!important;margin-right:12px!important}.timesheetActions{position:sticky!important;bottom:0!important;z-index:20!important;background:#f4f7fbf5!important;border:1px solid #dbe4ef!important;border-radius:18px!important;padding:10px!important;box-shadow:0 -12px 28px #0f172a1f!important}.receiptForm,.supportForm{display:grid!important;gap:12px!important}.receiptForm label,.supportForm label{width:100%!important}.approvalCard{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}.approvalCard textarea{min-height:92px!important}.approvalActions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;justify-content:stretch!important}.approvalActions button{width:100%!important}.notificationRow{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.notificationRow button,.supportCard,.supportInfoCard{width:100%!important}.supportInfoCard p{align-items:flex-start!important}.deviceHistoryScroll,.auditScrollBox,.employeeAssignList{max-height:55vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}.miniBarRow{grid-template-columns:1fr!important;gap:6px!important}.miniBarRow>div{height:14px!important}}@media (max-width: 560px){.app aside .brandTop{width:64px!important;min-width:64px!important;min-height:64px!important}.app aside .brandTop img.sideLogo{width:64px!important;height:64px!important}.app aside .userBlock{flex-basis:132px!important;min-width:132px!important;font-size:12px!important}.app aside button,.app aside .monthNav{min-width:108px!important;max-width:160px!important;font-size:12px!important;padding:8px 10px!important}.content{padding-left:8px!important;padding-right:8px!important}.cards div,.panel,.analyticsCard,.projectCard,.projectDetail{padding:12px!important}.cards b{font-size:26px!important}.content header h1{font-size:24px!important}.timeTable{min-width:760px!important;font-size:12px!important}.adminTable{min-width:720px!important;font-size:12px!important}.tabs button{min-width:100px!important;font-size:12px!important}}.mobileMenuButton{display:none;width:44px!important;height:44px!important;min-width:44px!important;padding:9px!important;border-radius:14px!important;background:#071a31!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 10px 24px #0f172a2e!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important}.mobileMenuButton span{display:block;width:22px;height:2px;border-radius:999px;background:#fff}.mobileNavShade{display:none}@media (max-width:900px){.app{display:block!important;min-height:100vh!important}.content{padding:22px 16px 0!important;min-height:100vh!important}.content header{position:sticky!important;top:0!important;z-index:80!important;margin:-22px -16px 18px!important;padding:14px 16px!important;background:#f4f7fbf5!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(148,163,184,.28)!important;align-items:center!important}.content header h1{font-size:20px!important;line-height:1.2!important}.headerTools{gap:8px!important;font-size:12px!important}.headerTools .lang select{max-width:92px!important;padding:8px!important}.mobileMenuButton{display:flex!important}.app aside{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(82vw,320px)!important;max-width:320px!important;height:100vh!important;z-index:120!important;padding:26px 20px!important;transform:translate(-105%)!important;transition:transform .24s ease!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:12px!important;border-right:1px solid rgba(255,255,255,.12)!important;box-shadow:18px 0 50px #02081759!important}html[dir=rtl] .app aside{left:auto!important;right:0!important;transform:translate(105%)!important;border-right:0!important;border-left:1px solid rgba(255,255,255,.12)!important;box-shadow:-18px 0 50px #02081759!important}.mobileNavOpen .app aside{transform:translate(0)!important}html[dir=rtl] .mobileNavOpen .app aside{transform:translate(0)!important}.mobileNavShade{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:110!important;background:#0208177a!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}.mobileNavOpen .mobileNavShade{display:block!important}.app aside .brandTop{width:94px!important;min-width:94px!important;min-height:94px!important;margin:0 auto 12px!important}.app aside .brandTop img.sideLogo{width:94px!important;height:94px!important}.app aside .userBlock{width:100%!important;min-width:0!important;flex-basis:auto!important;font-size:14px!important;margin:0 0 8px!important;padding:0 0 16px!important}.app aside button,.app aside .monthNav{width:100%!important;min-width:0!important;max-width:none!important;min-height:44px!important;font-size:14px!important;padding:11px 14px!important;white-space:normal!important}.app aside .sidebarLogoutButton{width:100%!important;margin:0 0 10px!important}.app aside button.supportNavButton{margin-top:10px!important;text-align:left!important}html[dir=rtl] .app aside button.supportNavButton{text-align:right!important}}.role-employee .app aside button:not(.sidebarLogoutButton){text-align:left!important;justify-content:flex-start!important}html[dir=rtl] .role-employee .app aside button:not(.sidebarLogoutButton){text-align:right!important}@media (max-width:900px){.role-employee .app aside button:not(.sidebarLogoutButton),.role-manager .app aside button:not(.sidebarLogoutButton){text-align:left!important;justify-content:flex-start!important}html[dir=rtl] .role-employee .app aside button:not(.sidebarLogoutButton),html[dir=rtl] .role-manager .app aside button:not(.sidebarLogoutButton){text-align:right!important}.supportGrid{display:flex!important;flex-direction:column!important}.supportInfoCard{order:-1!important;margin-bottom:12px!important}.supportForm{order:1!important}}@media (max-width:900px){.app main aside.supportCard,.app main aside.supportInfoCard,.content aside.supportCard,.content aside.supportInfoCard{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;z-index:auto!important;padding:18px!important;transform:none!important;transition:none!important;overflow:visible!important;display:block!important;flex-direction:initial!important;gap:initial!important;border-right:1px solid #dbe4ef!important;border-left:1px solid #dbe4ef!important;box-shadow:0 14px 28px #0f172a1a!important;margin:0 0 12px!important}html[dir=rtl] .app main aside.supportCard,html[dir=rtl] .app main aside.supportInfoCard,html[dir=rtl] .content aside.supportCard,html[dir=rtl] .content aside.supportInfoCard{left:auto!important;right:auto!important;transform:none!important;box-shadow:0 14px 28px #0f172a1a!important}.supportPage .supportGrid{display:flex!important;flex-direction:column!important;align-items:stretch!important}.supportPage .supportInfoCard{order:0!important}.supportPage .supportForm{order:1!important}}.setupSteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.setupStep{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(20,40,70,.1);box-shadow:0 10px 24px #0f172a14}.setupStep.done b{color:#0f766e}.progressLine{height:14px;border-radius:999px;background:#0f172a1a;overflow:hidden;margin:12px 0}.progressLine span{display:block;height:100%;border-radius:999px;background:linear-gradient(135deg,#0f2d57,#2563eb)}.exportGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px}.editorCard{padding:16px;margin:14px 0;border-radius:20px;background:#ffffffc2;border:1px solid rgba(15,23,42,.1);box-shadow:0 10px 26px #0f172a14}.editorCard label{display:block;margin:10px 0}.inlineCheck{display:flex!important;align-items:center;gap:8px}.approvalHistoryBox{max-height:520px;overflow:auto;border-radius:20px;background:#ffffffb3;border:1px solid rgba(15,23,42,.1);padding:10px}.dangerText{color:#991b1b}.app aside{scrollbar-width:thin}.app aside button{text-align:left;justify-content:flex-start}.navGroup{width:100%;display:flex;flex-direction:column;gap:8px;margin:2px 0}.app aside button.navGroupHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;font-weight:900!important;background:#ffffff0b!important;border-color:#ffffff1f!important}.app aside button.navGroupHeader span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app aside button.navGroupHeader small{font-size:18px;line-height:1;color:#dbeafe;margin-left:10px}.navSubList{display:flex;flex-direction:column;gap:7px;width:100%;padding:0 0 4px 12px;border-left:1px solid rgba(255,255,255,.12)}.app aside button.navSubButton{min-height:38px!important;padding:9px 12px!important;font-size:14px!important;background:#ffffff06!important;border-color:#ffffff12!important;text-align:left!important}.app aside button.navSubButton.active{background-image:linear-gradient(180deg,#ffffff42,#fff0 42%),linear-gradient(135deg,#3b82f6,#2563eb 48%,#1e40af)!important;border-color:#93c5fd6b!important}html[dir=rtl] .app aside button.navGroupHeader,html[dir=rtl] .app aside button.navSubButton{text-align:right!important}html[dir=rtl] .navSubList{padding:0 12px 4px 0;border-left:0;border-right:1px solid rgba(255,255,255,.12)}@media (max-width:900px){.navGroup{flex:1 1 100%}.navSubList{display:flex;flex-direction:column;gap:7px}.app aside button.navGroupHeader,.app aside button.navSubButton{text-align:left!important;width:100%!important}.app aside button.navSubButton{flex:1 1 100%!important}}.loginHeroLogoWrap{display:inline-flex;align-items:center;justify-content:center;width:190px;height:118px;margin:0 0 24px;border-radius:28px;background:linear-gradient(145deg,#ffffff29,#ffffff0d);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff38,0 18px 46px #00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loginHeroLogo{width:145px;max-height:88px;object-fit:contain;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.24))}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:22px;background:#020b14ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.supportModal{position:relative;width:min(520px,100%);color:#111827;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:26px;padding:34px;box-shadow:0 30px 100px #00000061,inset 0 1px #fffffff2;border:1px solid rgba(148,163,184,.32)}.supportModal h2{margin:0 0 12px;font-size:30px;color:#071a31}.supportModal p{margin:10px 0;line-height:1.55;color:#334155}.supportModal a{color:#1d4ed8;font-weight:800;text-decoration:none}.supportModal a:hover{text-decoration:underline}.supportModal>button:not(.modalClose){margin-top:18px}.modalClose{position:absolute;top:14px;right:14px;width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:999px;font-size:24px;line-height:1}html[dir=rtl] .modalClose{right:auto;left:14px}@media (max-width:900px){.loginHeroLogoWrap{width:160px;height:102px;margin-bottom:18px}.loginHeroLogo{width:124px;max-height:74px}.supportModal{padding:30px 24px}}.listTools{display:flex;gap:10px;margin:10px 0;align-items:center;flex-wrap:wrap}.listTools input,.listTools select{min-width:0;flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:10px 12px;outline:none}.internalScrollList{max-height:420px;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:8px}.internalScrollList::-webkit-scrollbar,.multiSelectOptions::-webkit-scrollbar{width:8px}.internalScrollList::-webkit-scrollbar-thumb,.multiSelectOptions::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:10px}.metaInfoBox{display:flex;flex-direction:column;gap:4px;margin:10px 0 14px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0b;font-size:.86rem;color:#b9c7d8}.multiSelectBox{margin:14px 0;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff09;overflow:hidden}.multiSelectTitle{padding:10px 12px;font-weight:700;color:#e8f1ff;border-bottom:1px solid rgba(255,255,255,.1)}.multiSelectOptions{max-height:190px;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.multiSelectOptions label{display:flex;gap:9px;align-items:center;color:#dce9f8}.departmentManagerBlock{margin-top:22px}.supportTicketLayout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px}.ticketItem.unreadTicket span{font-weight:800;color:#fff}.ticketReader{min-height:320px}.ticketMessage{white-space:pre-wrap;line-height:1.55;padding:14px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.1)}.attachmentButton{display:inline-flex;margin-top:12px;padding:10px 14px;border-radius:12px;background:#2d88ff2e;border:1px solid rgba(104,174,255,.35);color:#e8f3ff;text-decoration:none;font-weight:700}@media (max-width:900px){.supportTicketLayout{grid-template-columns:1fr}.internalScrollList{max-height:300px}}.loginHeroLogoWrap{width:158px!important;height:158px!important;border-radius:50%!important;margin:0 0 26px!important;background:radial-gradient(circle at 35% 25%,#ffffff59,#ffffff14 44%,#0f172a38)!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 0 0 1px #ffce592e,0 18px 42px #00000057,0 0 42px #f6a21a52,inset 0 1px #ffffff47,inset 0 -10px 24px #0000002e!important}.loginHeroLogo{width:128px!important;max-height:128px!important;object-fit:contain!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.32)) drop-shadow(0 0 18px rgba(246,162,26,.28))!important}.professionalPanel,.professionalPanel .editorPane,.professionalPanel .listPane{color:#0f172a!important}.professionalPanel .mutedText,.professionalPanel small,.professionalPanel .metaInfoBox{color:#475569!important}.professionalPanel label,.professionalPanel h3,.professionalPanel h4,.professionalPanel .multiSelectTitle{color:#1e293b!important}.professionalPanel .listTools{display:flex!important;gap:12px!important;margin:14px 0 16px!important;align-items:center!important;flex-wrap:wrap!important;padding:10px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.professionalPanel .listTools input,.professionalPanel .listTools select{min-width:220px!important;flex:1!important;background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;border-radius:14px!important;padding:12px 14px!important;outline:none!important;box-shadow:inset 0 1px #ffffffeb,0 6px 18px #0f172a0a!important}.professionalPanel .listTools input::placeholder{color:#64748b!important;opacity:1!important}.professionalPanel .listTools input:focus,.professionalPanel .listTools select:focus{border-color:#f97316!important;box-shadow:0 0 0 4px #f9731624!important}.professionalPanel .multiSelectBox{border:1px solid #dbe4ef!important;background:#f8fafc!important;border-radius:16px!important}.professionalPanel .multiSelectTitle{background:#eef5ff!important;border-bottom:1px solid #dbe4ef!important;font-weight:800!important}.professionalPanel .multiSelectOptions label{color:#1f2937!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:8px 10px!important}.professionalPanel .internalScrollList{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:10px!important}.professionalPanel .listItem{background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;box-shadow:0 6px 18px #0f172a0a!important}.professionalPanel .listItem.active{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-color:#93c5fd!important}.creationLayer{position:relative!important;border:1px solid rgba(37,99,235,.22)!important;box-shadow:0 18px 60px #2563eb1a,inset 0 1px #ffffffe6!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}.creationLayer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffffbf}.navStyleButton,.attachmentButton.navStyleButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:14px!important;padding:10px 18px!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;letter-spacing:.01em!important;border:1px solid rgba(147,197,253,.42)!important;background-image:linear-gradient(180deg,#ffffff3d,#fff0 42%),linear-gradient(135deg,#3b82f6,#2563eb 48%,#1e40af)!important;box-shadow:0 12px 30px #2563eb47,inset 0 1px #ffffff3d!important}.ticketAttachmentIcon{display:inline-grid!important;place-items:center!important;margin-left:8px!important;width:24px!important;height:24px!important;border-radius:999px!important;background:#eff6ff!important;border:1px solid #93c5fd!important;color:#1d4ed8!important;font-style:normal!important;font-size:14px!important}.ticketPager{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:12px;flex-wrap:wrap}.ticketPager button{min-width:38px;padding:8px 10px;border-radius:12px;background:#e2e8f0;color:#1e293b;border:1px solid #cbd5e1}.ticketPager button.active{background:#2563eb;color:#fff;border-color:#2563eb}.ticketPagedList{max-height:none!important;overflow:visible!important}@media (max-width:900px){.loginHeroLogoWrap{width:124px!important;height:124px!important}.loginHeroLogo{width:100px!important;max-height:100px!important}}.loginHeroLogoWrap{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:164px!important;height:164px!important;margin:0 0 26px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 24%,#ffffff61,#ffffff1f 38%,#0f172a14 68%,#0f172a33),linear-gradient(145deg,#fff3,#ffffff0d)!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 0 0 8px #f59e0b1a,0 0 38px #f59e0b57,0 18px 48px #0000004d,inset 0 1px #ffffff59,inset 0 -14px 26px #00000026!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;overflow:hidden!important}.loginHeroLogoWrap:before{content:""!important;position:absolute!important;top:17px!important;right:17px!important;bottom:17px!important;left:17px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 24%,#ffffffd1,#ffffff6b 42%,#ffffff29)!important;border:1px solid rgba(255,255,255,.52)!important;box-shadow:inset 0 1px #ffffffd9,inset 0 -10px 24px #0f172a1f,0 10px 24px #0f172a2e!important}.loginHeroLogo{position:relative!important;z-index:1!important;width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important;object-fit:contain!important;border-radius:50%!important;padding:12px!important;background:#ffffff38!important;filter:drop-shadow(0 8px 15px rgba(0,0,0,.22))!important}@media (max-width:700px){.loginHeroLogoWrap{width:138px!important;height:138px!important;margin-bottom:20px!important}.loginHeroLogoWrap:before{top:14px!important;right:14px!important;bottom:14px!important;left:14px!important}.loginHeroLogo{width:94px!important;height:94px!important;max-width:94px!important;max-height:94px!important}}.dropdownMultiSelect{position:relative!important;overflow:visible!important;margin:14px 0 18px!important}.dropdownSelectButton{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;cursor:pointer!important;border-radius:16px!important;padding:13px 16px!important;color:#0f172a!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid #cbd5e1!important;box-shadow:inset 0 1px #ffffffeb,0 8px 24px #0f172a0d!important}.dropdownSelectButton span{font-weight:900!important;color:#0f172a!important}.dropdownSelectButton strong{margin-left:auto!important;color:#2563eb!important;font-size:.92rem!important}.dropdownSelectButton em{font-style:normal!important;color:#475569!important;font-size:1rem!important;transition:transform .18s ease!important}.dropdownMultiSelect.open .dropdownSelectButton em{transform:rotate(180deg)!important}.dropdownSelectPanel{max-height:230px!important;overflow-y:auto!important;margin-top:8px!important;padding:10px!important;border:1px solid #cbd5e1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 50px #0f172a1f!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:10px!important}.dropdownSelectPanel label{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;margin:0!important;color:#0f172a!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:10px 12px!important;font-weight:700!important}.dropdownSelectPanel label:hover{border-color:#93c5fd!important;background:#eff6ff!important}.dropdownSelectPanel input{width:auto!important;min-width:18px!important;height:18px!important}.professionalPanel .dropdownSelectButton:disabled{opacity:.86!important;cursor:not-allowed!important}.loginHeroLogoWrap{width:170px!important;height:170px!important;margin:0 0 26px!important;border-radius:50%!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.loginHeroLogoWrap:before{content:none!important}.loginHeroLogo{width:150px!important;height:150px!important;max-width:150px!important;max-height:150px!important;object-fit:contain!important;border-radius:50%!important;padding:11px!important;background:radial-gradient(circle at 35% 25%,#ffffff57,#ffffff14 44%,#0f172a38)!important;box-shadow:0 22px 48px #00000070,inset 0 2px 5px #ffffff2e,inset 0 -18px 28px #0000003d,0 0 30px #f59e0b2e!important;filter:drop-shadow(0 0 12px rgba(255,255,255,.12)) saturate(1.1) contrast(1.05)!important}.dropdownMultiSelect{margin:14px 0 16px!important;border:0!important;background:transparent!important;box-shadow:none!important}.dropdownSelectButton{min-height:58px!important;padding:0 18px!important;border-radius:18px!important;color:#0f172a!important;background:linear-gradient(180deg,#f9fbff,#eef5ff)!important;border:1px solid #d7e1ee!important;box-shadow:inset 0 1px #fffffff2,0 8px 22px #0f172a0e!important}.dropdownSelectButton:focus,.dropdownSelectButton:focus-visible{outline:0!important;border-color:#93c5fd!important;box-shadow:0 0 0 3px #2563eb1f,inset 0 1px #fffffff2,0 8px 22px #0f172a0e!important}.dropdownSelectButton span{font-size:16px!important;font-weight:900!important;letter-spacing:.01em!important;color:#0f172a!important}.dropdownSelectButton strong{color:#1d4ed8!important;font-size:15px!important;font-weight:900!important;padding:7px 12px!important;border-radius:999px!important;background:#2563eb14!important}.dropdownSelectButton em{width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#0f172a0f!important;color:#334155!important}.dropdownSelectPanel{margin-top:8px!important;max-height:240px!important;overflow-y:auto!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid #d7e1ee!important;box-shadow:0 16px 38px #0f172a1f!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.dropdownSelectPanel label{min-height:48px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e2e8f0!important;color:#111827!important;font-weight:800!important;box-shadow:0 4px 12px #0f172a09!important}.dropdownSelectPanel label:hover{background:#eff6ff!important;border-color:#93c5fd!important}.paneHeader b{white-space:nowrap!important}.paneHeader button{white-space:nowrap!important;min-width:150px!important}.internalScrollList .listItem span{white-space:normal!important}@media (max-width:700px){.loginHeroLogoWrap{width:132px!important;height:132px!important}.loginHeroLogo{width:118px!important;height:118px!important;max-width:118px!important;max-height:118px!important}.dropdownSelectButton{min-height:54px!important;padding:0 14px!important}.dropdownSelectButton span{font-size:14px!important}.dropdownSelectButton strong{font-size:13px!important;padding:6px 10px!important}}.dropdownMultiSelect{margin:12px 0 14px!important;border:0!important;background:transparent!important;box-shadow:none!important}.dropdownSelectButton{min-height:52px!important;padding:0 16px!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:0 4px 14px #0f172a0b!important;color:#0f172a!important}.dropdownSelectButton:hover{border-color:#b7c7dc!important;background:#fbfdff!important}.dropdownSelectButton:focus,.dropdownSelectButton:focus-visible{outline:none!important;border-color:#93c5fd!important;box-shadow:0 0 0 3px #2563eb1a!important}.dropdownSelectButton span{font-size:15px!important;font-weight:850!important;color:#0f172a!important}.dropdownSelectButton strong{margin-left:auto!important;padding:0!important;background:transparent!important;color:#2563eb!important;font-weight:850!important;font-size:14px!important}.dropdownSelectButton em{width:24px!important;height:24px!important;background:transparent!important;color:#475569!important}.dropdownSelectPanel{margin-top:6px!important;max-height:230px!important;overflow-y:auto!important;padding:8px!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:0 14px 32px #0f172a1a!important;display:flex!important;flex-direction:column!important;gap:6px!important}.dropdownSelectPanel label{min-height:40px!important;border-radius:10px!important;background:#fff!important;border:1px solid #edf2f7!important;color:#0f172a!important;font-weight:750!important;box-shadow:none!important;padding:8px 10px!important;overflow:hidden!important;line-height:1.25!important}.dropdownSelectPanel label:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.pagedInternalList{max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:8px!important}.professionalPanel .internalScrollList.pagedInternalList{padding:10px!important}.professionalPanel .listItem,.internalScrollList .listItem{min-height:58px!important;height:auto!important;padding:12px 14px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;line-height:1.25!important}.internalScrollList .listItem span,.internalScrollList .listItem small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.25!important}.internalScrollList .listItem small{font-size:13px!important;color:#475569!important}.listPager{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:12px 0 0!important;flex-wrap:wrap!important}.listPager button{min-width:34px!important;height:34px!important;padding:0 10px!important;border-radius:10px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#1e293b!important;font-weight:850!important;box-shadow:0 4px 10px #0f172a0a!important}.listPager button.active{color:#fff!important;border-color:#2563eb!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.listPager button:disabled{opacity:.45!important;cursor:not-allowed!important}.listEmptyText{padding:16px!important;border:1px dashed #cbd5e1!important;border-radius:12px!important;color:#64748b!important;background:#fff!important;font-weight:700!important}.editorPane input:-webkit-autofill,.editorPane input:-webkit-autofill:hover,.editorPane input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;-webkit-text-fill-color:#0f172a!important;caret-color:#0f172a!important}.listPager button,.ticketPager button{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;font-weight:800!important;opacity:1!important}.listPager button.active,.ticketPager button.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.listPager button:disabled,.ticketPager button:disabled{color:#334155!important;background:#f1f5f9!important;opacity:.75!important}.attachmentButton.navStyleButton{cursor:pointer}.listPager button:not(.active):not(:disabled),.ticketPager button:not(.active):not(:disabled),.professionalPanel .listPager button:not(.active):not(:disabled),.professionalPanel .ticketPager button:not(.active):not(:disabled){color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;text-shadow:none!important;opacity:1!important;filter:none!important}.listPager button:not(.active):not(:disabled) *,.ticketPager button:not(.active):not(:disabled) *{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;text-shadow:none!important}.listPager button.active,.ticketPager button.active{color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:#2563eb!important;border-color:#2563eb!important}@media (min-width: 901px){.app aside{position:sticky!important;top:0!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overscroll-behavior:contain!important}.content{min-height:100vh!important}}.role-employee .tabs button.active{background:#2563eb!important;background-image:linear-gradient(180deg,#ffffff2e,#fff0 42%),linear-gradient(135deg,#3b82f6,#2563eb 52%,#1d4ed8)!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 10px 22px #2563eb3d,inset 0 1px #fff3!important;text-shadow:0 1px 1px rgba(0,0,0,.22)!important}.compactCards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.checkGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}.checkGrid label{background:#ffffffb8;border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:10px 12px;color:#0f172a;font-weight:700}.checkGrid input{margin-right:8px}.role-employee .timeTable th.weekend{color:#dc2626!important}.bulkApprovalList{display:flex;flex-direction:column;gap:10px;margin:12px 0 18px}.bulkApprovalRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #dbe4ef;border-radius:12px;background:#f8fafc}.bulkApprovalRow>div{display:flex;gap:8px;flex-wrap:wrap}