@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4b676bcffc00356a-s.p.24y4-vc3jpn8m.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1d2cc0c079997359-s.p.44lktk7jzy0s-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d54db18e8cd5f74f-s.p.0ji0xjltb6ro5.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f0e0669539caf32a-s.p.2cslzs_83-cos.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/48e6fa8a5baca31f-s.p.14yttwb5hb7vt.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e7b64a7fde1a3d32-s.p.2g2pkky1i4_-n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e9f32d51db34fd0c-s.p.3dvstry878_5j.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a11ec078145f8b0e-s.p.0w67dn99s6t4y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(../media/80c3108817f102b0-s.p.2sj2lzsmxnb-e.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(../media/3a179c97f46f8d27-s.p.43x0y28f52kqu.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal Fallback;src:local(Arial);ascent-override:67.93%;descent-override:37.71%;line-gap-override:21.13%;size-adjust:94.66%}.tajawal_51336137-module__7aB82q__className{font-family:Tajawal,Tajawal Fallback;font-style:normal}.tajawal_51336137-module__7aB82q__variable{--font-tajawal:"Tajawal", "Tajawal Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.isolate{isolation:isolate}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy1:#23347a;--navy2:#172455;--bg:#f4f6fb;--surface:#fff;--ink:#1c2540;--muted:#8b93a9;--faint:#aeb5c6;--line:#edf0f6;--blue:#2e7cf6;--blue-bg:#e8f0fe;--purple:#8b6cf0;--purple-bg:#eeeafc;--orange:#f2994a;--orange-bg:#fdefe0;--green:#2fa45e;--green-bg:#e2f5ea;--red:#ea5a66;--red-bg:#fce7e9;--gold:#e9b03a;--gold-bg:#fbf1da;--teal:#22b3a0;--radius:20px;--shadow:0 4px 18px #1c2a500d;--shadow-nav:0 8px 26px #22347a59;--font:var(--font-tajawal), "SF Arabic", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif}:root[data-theme=dark]{--bg:#0e1524;--surface:#17203a;--ink:#e7ecf7;--muted:#9aa4be;--faint:#6e7897;--line:#ffffff17;--blue-bg:#2e7cf629;--purple-bg:#8b6cf029;--orange-bg:#f2994a26;--green-bg:#2fa45e26;--red-bg:#ea5a6626;--gold-bg:#e9b03a26;--shadow:0 4px 18px #00000059}:root[data-theme=dark] body{background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.nav-toggle,.nav-close,.nav-backdrop{display:none}.sidebar{background:linear-gradient(200deg, var(--navy1), var(--navy2));color:#fff;border-radius:26px 0 0 26px;flex-direction:column;height:100vh;padding:26px 18px 20px;display:flex;position:sticky;top:0;overflow:hidden}.brand{text-align:center;padding:4px 0 26px}.brand-logo{object-fit:contain;background:#fff;border-radius:10px;max-width:150px;max-height:56px;margin:0 auto 6px;padding:6px;display:block}.brand-name{color:#fff;justify-content:center;align-items:center;gap:8px;margin-top:2px;font-size:16px;font-weight:800;line-height:1.3;display:flex}.brand-madar{object-fit:contain;width:auto;max-width:160px;height:52px;margin:0 auto 8px;display:block}.brand-tenant-logo{object-fit:contain;background:#fff;border-radius:6px;width:auto;max-width:40px;height:22px;padding:2px}.brand-hr{letter-spacing:-1px;align-items:flex-start;gap:2px;font-size:34px;font-weight:800;line-height:1;display:inline-flex}.brand-hr .fig{background:var(--blue);border-radius:50%;width:9px;height:9px;margin-top:2px;box-shadow:0 0 0 3px #2e7cf640}.brand-sys{letter-spacing:5px;color:#c7d0ea;justify-content:center;align-items:center;gap:8px;margin-top:5px;font-size:12px;display:flex}.brand-sys:before,.brand-sys:after{content:"";background:var(--gold);width:16px;height:1.5px}.nav{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:3px;min-height:0;margin-top:6px;padding-inline-end:2px;display:flex;overflow-y:auto}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px}.nav::-webkit-scrollbar-thumb:hover{background:#ffffff47}.nav::-webkit-scrollbar-track{background:0 0}.nav{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}.nav-group{flex-direction:column;gap:3px;display:flex}.nav-group+.nav-group{margin-top:14px}.nav-group-title{letter-spacing:.04em;color:#c3cbe480;text-transform:uppercase;padding:0 15px 6px;font-size:11px;font-weight:700}.nav-item{color:#c3cbe4;cursor:pointer;text-align:start;background:0 0;border:none;border-radius:13px;align-items:center;gap:13px;width:100%;padding:12px 15px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{background:linear-gradient(90deg, var(--blue), #4a8df8);color:#fff;box-shadow:var(--shadow-nav)}.side-foot{flex-direction:column;flex-shrink:0;gap:12px;padding-top:14px;display:flex}.help-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:12px;padding:15px;display:flex}.help-card .hc-ico{background:var(--blue);border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.help-card .hc-ico svg{width:20px;height:20px}.help-card b{font-size:13px;display:block}.help-card span{color:#aeb7d6;font-size:11px}.logout{color:#dce2f2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-family:inherit;font-size:13.5px;font-weight:600;display:flex}.logout:hover{background:#ffffff1a}.logout svg{width:18px;height:18px}.main{min-width:0;padding:22px 26px 40px}@media (max-width:640px){.main{padding:16px}}.topbar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.user-chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;align-items:center;gap:10px;padding:7px 12px 7px 14px;display:flex}.user-chip .ava{color:#fff;background:linear-gradient(145deg,#3a4b85,#2a3767);border-radius:12px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid}.user-chip .um{line-height:1.3}.user-chip .um b{font-size:13.5px}.user-chip .um span{color:var(--muted);font-size:11.5px;display:block}.user-chip .chev{color:var(--faint);width:16px;height:16px}.bell{background:var(--surface);border:1px solid var(--line);cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow);border-radius:14px;flex-shrink:0;place-items:center;display:grid;position:relative}.bell svg{width:20px;height:20px;color:var(--ink)}.bell .b{background:var(--red);color:#fff;border:2px solid var(--bg);top:-5px;border-radius:20px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:700;display:grid;position:absolute;inset-inline-start:-5px}.search{background:var(--surface);border:1px solid var(--line);color:var(--faint);box-shadow:var(--shadow);border-radius:14px;flex:1;align-items:center;gap:10px;padding:13px 18px;font-size:13.5px;display:flex}.search svg{width:18px;height:18px}.search input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1}.search input::placeholder{color:var(--faint)}.tb-menu{background:var(--surface);border:1px solid var(--line);z-index:50;border-radius:14px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 8px);box-shadow:0 12px 32px #141e3c29}.tb-menu-head{border-bottom:1px solid var(--line);margin-bottom:4px;padding:10px 12px 8px}.tb-menu-head b{font-size:13.5px;display:block}.tb-menu-head span{color:var(--muted);font-size:11.5px}.tb-menu-item{cursor:pointer;width:100%;font:inherit;color:var(--ink);text-align:start;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.tb-menu-item:hover{background:var(--bg)}.tb-menu-item.danger{color:var(--red);font-weight:700}.tb-menu-item svg{width:18px;height:18px}.tb-empty{color:var(--muted);text-align:center;padding:16px 12px;font-size:13px}.tb-dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tb-dot.pending{background:var(--orange)}.tb-dot.approved{background:var(--green)}.tb-dot.rejected{background:var(--red)}.greet{text-align:end}.greet h1{letter-spacing:-.4px;margin:0;font-size:25px;font-weight:800}.greet p{color:var(--muted);margin:4px 0 0;font-size:13.5px}.role-sw{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;flex-shrink:0;align-items:center;gap:3px;padding:4px;display:inline-flex}.role-sw button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 13px;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex}.role-sw button svg{width:15px;height:15px}.role-sw button.on{color:#fff}.role-sw button.on.emp{background:var(--blue)}.role-sw button.on.mgr{background:var(--green)}.role-sw button.on.hr{background:var(--navy1)}.role-tag{vertical-align:middle;border-radius:20px;margin-inline-start:8px;padding:3px 9px;font-size:10.5px;font-weight:800}.role-tag.emp{color:var(--blue);background:var(--blue-bg)}.role-tag.hr{color:var(--navy1);background:#e7eaf6}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0;display:grid}@media (max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.stats{grid-template-columns:1fr}}.scard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px 14px}.scard-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.scard .sico{border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.scard .sico svg{width:23px;height:23px}.scard .smeta{text-align:end}.scard .slabel{color:var(--muted);font-size:13px;font-weight:600}.scard .snum{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:3px;font-size:27px;font-weight:800}.scard .snum small{color:var(--faint);font-size:12.5px;font-weight:600}.spark{width:100%;height:40px;margin:8px 0 6px;display:block}.strend{color:var(--muted);text-align:end;font-size:12px}.strend b{font-weight:700}.strend-muted{color:var(--faint)}.up{color:var(--green)}.down{color:var(--purple)}.flat{color:var(--faint)}.row{gap:18px;margin-bottom:18px;display:grid}.row.two{grid-template-columns:1.15fr 1.35fr}.row.three{grid-template-columns:1fr 1.2fr 1fr}@media (max-width:980px){.row.two,.row.three{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-h{justify-content:space-between;align-items:center;padding:18px 22px 4px;display:flex}.card-h h3{margin:0;font-size:16px;font-weight:800}.dots{color:var(--faint);letter-spacing:1px;cursor:pointer;font-size:20px}.mini-sel{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:9px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;display:inline-flex}.mini-sel svg{width:13px;height:13px}.donut-wrap{align-items:center;gap:22px;padding:14px 22px 22px;display:flex}.donut{flex-shrink:0;width:150px;height:150px;position:relative}.donut .center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut .center b{font-size:26px;font-weight:800}.donut .center span{color:var(--muted);font-size:11px}.legend{flex-direction:column;flex:1;gap:11px;display:flex}.lg{align-items:center;gap:9px;font-size:13px;display:flex}.lg .dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.lg .nm{color:var(--ink);font-weight:600}.lg .vl{color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-start:auto}.clink{color:var(--blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0 22px 18px;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex}.clink svg{width:13px;height:13px}.area-wrap{padding:8px 18px 18px}.evt{align-items:center;gap:13px;padding:13px 22px;display:flex}.evt+.evt{border-top:1px solid var(--line)}.evt .eico{border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.evt .eico svg{width:20px;height:20px}.evt .einfo{flex:1}.evt .einfo b{font-size:14px}.evt .einfo span{color:var(--muted);font-size:12px;display:block}.evt .edate{text-align:center;background:var(--blue-bg);color:var(--blue);border-radius:12px;padding:6px 12px;font-weight:800;line-height:1.1}.evt .edate b{font-size:18px;display:block}.evt .edate span{font-size:10.5px;font-weight:600}.req{align-items:center;gap:12px;padding:13px 22px;display:flex}.req+.req{border-top:1px solid var(--line)}.req .rava{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid}.req .rinfo{flex:1;min-width:0}.req .rinfo b{font-size:13.5px}.req .rinfo span{color:var(--muted);font-size:12px;display:block}.req .rtime{color:var(--faint);text-align:end;white-space:nowrap;font-size:11px}.pill{white-space:nowrap;border-radius:20px;padding:5px 11px;font-size:11.5px;font-weight:700}.pill.wait{color:var(--orange);background:var(--orange-bg)}.pill.ok{color:var(--green);background:var(--green-bg)}.pill.no{color:var(--red);background:var(--red-bg)}.pill.mgr{color:var(--blue);background:var(--blue-bg)}.pill.muted{color:var(--muted);background:var(--bg)}.qs{align-items:center;gap:14px;padding:15px 22px;display:flex}.qs+.qs{border-top:1px solid var(--line)}.qs .qico{border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.qs .qico svg{width:21px;height:21px}.qs .qmeta{flex:1}.qs .qmeta .qv{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.qs .qmeta .qv small{color:var(--faint);font-size:12px;font-weight:600}.qs .qmeta .ql{color:var(--muted);font-size:12.5px}.page-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-actions .filters{gap:10px;display:flex}.btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .15s;display:inline-flex}.btn:hover{background:#2468d8}.btn svg{width:16px;height:16px}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--bg)}.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tbl-scroll{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;min-width:640px}.tbl th{text-align:start;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg);white-space:nowrap;padding:14px 20px;font-size:12px;font-weight:700}.tbl td{border-bottom:1px solid var(--line);padding:13px 20px;font-size:13.5px}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--bg)}.emp{align-items:center;gap:11px;display:flex}.emp .ea{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.emp b{font-size:13.5px}.emp span{color:var(--muted);font-size:11.5px;display:block}.tbl .num{font-variant-numeric:tabular-nums;color:var(--muted)}.chat{flex-direction:column;height:calc(100vh - 190px);min-height:420px;display:flex}.chat-body{flex-direction:column;flex:1;gap:16px;padding:22px;display:flex;overflow-y:auto}.msg{max-width:78%;font-size:14px;line-height:1.7;animation:.25s fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg.bot{align-self:flex-start}.msg.me{align-self:flex-end}.msg .bubble{white-space:pre-wrap;word-wrap:break-word;border-radius:16px;padding:12px 16px}.msg.bot .bubble{background:var(--bg);border:1px solid var(--line);border-bottom-right-radius:5px}.msg.me .bubble{background:var(--blue);color:#fff;border-bottom-left-radius:5px}.msg .who{color:var(--faint);margin-bottom:5px;padding:0 5px;font-size:11.5px}.typing{gap:4px;padding:4px 2px;display:inline-flex}.typing span{background:var(--faint);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.suggest{flex-wrap:wrap;gap:8px;padding:0 22px 14px;display:flex}.chip{background:var(--bg);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:20px;padding:8px 13px;font-family:inherit;font-size:12.5px;font-weight:600}.chip:hover{border-color:var(--purple);color:var(--purple)}.ai-goto{background:linear-gradient(135deg, var(--blue) 0%, var(--navy1) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:9px;margin-top:12px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:700;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex;box-shadow:0 6px 16px #2e7cf64d}.ai-goto:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 9px 22px #2e7cf666}.ai-goto:active{transform:translateY(0);box-shadow:0 4px 12px #2e7cf64d}.ai-goto .go-arrow{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;line-height:1;display:inline-flex}.chat-input{border-top:1px solid var(--line);gap:10px;padding:15px 20px;display:flex}.chat-input input{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;flex:1;padding:12px 15px;font-family:inherit;font-size:14px}.chat-input input:focus{border-color:var(--purple);outline:none}.send-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.send-btn:disabled{opacity:.5;cursor:default}.send-btn svg{width:19px;height:19px}.placeholder{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:64px 24px}.placeholder .pico{background:var(--blue-bg);width:72px;height:72px;color:var(--blue);border-radius:20px;place-items:center;margin:0 auto 18px;display:grid}.placeholder .pico svg{width:34px;height:34px}.placeholder h2{margin:0 0 8px;font-size:20px;font-weight:800}.placeholder p{color:var(--muted);max-width:420px;margin:0 auto;font-size:14px}.bg-blue{background:var(--blue-bg)}.ic-blue{color:var(--blue)}.bg-purple{background:var(--purple-bg)}.ic-purple{color:var(--purple)}.bg-orange{background:var(--orange-bg)}.ic-orange{color:var(--orange)}.bg-green{background:var(--green-bg)}.ic-green{color:var(--green)}.bg-gold{background:var(--gold-bg)}.ic-gold{color:var(--gold)}.bg-red{background:var(--red-bg)}.ic-red{color:var(--red)}.bg-teal{background:#dbf4f0}.ic-teal{color:var(--teal)}.rtypes{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}@media (max-width:980px){.rtypes{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.rtypes{grid-template-columns:1fr}}.rtype{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-align:start;border-radius:16px;align-items:center;gap:13px;width:100%;padding:15px 16px;font-family:inherit;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex}.rtype:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 22px #1c2a5017}.rtype .rt-ico{border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.rtype .rt-ico svg{width:23px;height:23px}.rtype .rt-tx b{font-size:14px;font-weight:700;display:block}.rtype .rt-tx span{color:var(--muted);font-size:11.5px}.seg{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;gap:3px;padding:4px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 15px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.seg button.on{background:var(--blue);color:#fff}.seg button .cnt{font-variant-numeric:tabular-nums;background:#ffffff38;border-radius:8px;padding:1px 7px;font-size:11px}.seg button:not(.on) .cnt{background:var(--bg);color:var(--faint)}.rq-type{align-items:center;gap:8px;font-weight:700;display:inline-flex}.rq-type .ti{border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.rq-type .ti svg{width:16px;height:16px}.rq-sub{color:var(--muted);font-size:12px}.act-row{gap:7px;display:inline-flex}.act{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;width:34px;height:34px;transition:all .12s;display:grid}.act svg{width:17px;height:17px}.act.ok{color:var(--green)}.act.ok:hover{background:var(--green-bg);border-color:var(--green)}.act.no{color:var(--red)}.act.no:hover{background:var(--red-bg);border-color:var(--red)}.act.view{color:var(--muted)}.act.view:hover{background:var(--bg);border-color:var(--faint)}.done-tag{color:var(--faint);font-size:12px;font-weight:600}.ai-rec{background:linear-gradient(120deg, var(--purple-bg), #f3effe);border:1px solid #e2d9fa;border-radius:14px;align-items:flex-start;gap:11px;margin:0 0 18px;padding:13px 15px;display:flex}.ai-rec .ar-ico{background:var(--purple);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.ai-rec .ar-ico svg{width:19px;height:19px}.ai-rec .ar-tx{font-size:13px;line-height:1.6}.ai-rec .ar-tx b{color:var(--purple)}.ai-chip{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.ai-chip svg{width:12px;height:12px}.ai-chip.pos{color:var(--green);background:var(--green-bg)}.ai-chip.warn{color:var(--orange);background:var(--orange-bg)}.overlay{z-index:60;background:#1724558c;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);contain:layout paint style;border-radius:22px;width:100%;max-width:540px;max-height:92vh;animation:.22s cubic-bezier(.2,.9,.3,1.3) pop;overflow-y:auto;box-shadow:0 24px 70px #1724554d}.modal.drawer{flex-direction:column;max-width:760px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:none}}.modal-h{border-bottom:1px solid var(--line);background:var(--surface);border-radius:22px 22px 0 0;align-items:center;gap:13px;padding:20px 22px;display:flex;position:sticky;top:0}.modal-h .mh-ico{border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.modal-h .mh-ico svg{width:22px;height:22px}.modal-h .mh-tx{flex:1}.modal-h .mh-tx b{font-size:16.5px;font-weight:800;display:block}.modal-h .mh-tx span{color:var(--muted);font-size:12.5px}.modal-h .x{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;display:grid}.modal-h .x:hover{background:var(--bg)}.modal-b{padding:20px 22px}.modal-f{border-top:1px solid var(--line);background:var(--surface);gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.modal-f .btn{flex:1;justify-content:center}.field{margin-bottom:15px}.field>label{color:var(--ink);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field>label .req-star{color:var(--red)}.inp,.field select,.field textarea{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.inp:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);background:var(--surface);outline:none}.field textarea{resize:vertical;min-height:84px}.field-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:460px){.field-2{grid-template-columns:1fr}}.field .hint{color:var(--muted);margin-top:6px;font-size:11.5px}.field .hint b{color:var(--ink)}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1.5px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:11px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600}.choice.on{border-color:var(--blue);color:var(--blue);background:var(--blue-bg)}.bal{gap:12px;margin-bottom:16px;display:flex}.bal .bcell{background:var(--bg);border:1px solid var(--line);text-align:center;border-radius:13px;flex:1;padding:12px 14px}.bal .bcell b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;display:block}.bal .bcell.grn b{color:var(--green)}.bal .bcell.blu b{color:var(--blue)}.bal .bcell.org b{color:var(--orange)}.bal .bcell span{color:var(--muted);font-size:11.5px}.flow{flex-direction:column;gap:0;margin-top:6px;display:flex}.step{gap:13px;padding-bottom:20px;display:flex;position:relative}.step:last-child{padding-bottom:0}.step:before{content:"";background:var(--line);inset-inline-start:15px;width:2px;position:absolute;top:32px;bottom:0}.step:last-child:before{display:none}.step .sdot{z-index:1;border:2px solid var(--surface);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.step .sdot svg{width:16px;height:16px}.step.ok .sdot{background:var(--green);color:#fff}.step.now .sdot{background:var(--blue);color:#fff;box-shadow:0 0 0 4px var(--blue-bg)}.step.wait .sdot{background:var(--bg);color:var(--faint);border-color:var(--line)}.step .sinfo b{font-size:14px}.step .sinfo span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.toast{background:var(--ink);color:#fff;z-index:80;border-radius:14px;align-items:center;gap:10px;padding:13px 22px;font-size:13.5px;font-weight:600;animation:.25s pop;display:flex;position:fixed;inset-block-end:26px;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 12px 34px #1724554d}.toast svg{color:#5fe0a0;width:18px;height:18px}.empty{text-align:center;color:var(--muted);padding:46px 20px}.empty svg{width:40px;height:40px;color:var(--faint);margin-bottom:12px}.empty b{color:var(--ink);margin-bottom:4px;font-size:15px;display:block}.empty span{font-size:13px}.clock-hero{grid-template-columns:1.1fr 1fr;gap:18px;margin-bottom:22px;display:grid}@media (max-width:820px){.clock-hero{grid-template-columns:1fr}}.clock-card{background:linear-gradient(135deg, var(--navy1), var(--navy2));color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-nav);padding:26px 28px;position:relative;overflow:hidden}.clock-card:after{content:"";inset-inline-end:-40px;background:#ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px}.clock-card:before{content:"";inset-inline-end:40px;background:#2e7cf62e;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-60px}.clock-card .cc-date{color:#c7d0ea;z-index:1;font-size:13.5px;position:relative}.clock-card .cc-time{letter-spacing:-1px;font-variant-numeric:tabular-nums;z-index:1;margin:4px 0 2px;font-size:46px;font-weight:800;position:relative}.clock-card .cc-time small{color:#aeb7d6;font-size:18px;font-weight:600}.clock-card .cc-status{z-index:1;background:#ffffff1f;border-radius:20px;align-items:center;gap:8px;margin-top:12px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.clock-card .cc-status .dt{background:#5fe0a0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #5fe0a033}.clock-btn{color:var(--navy2);cursor:pointer;z-index:1;background:#fff;border:none;border-radius:14px;align-items:center;gap:10px;margin-top:20px;padding:14px 26px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .1s;display:inline-flex;position:relative}.clock-btn:hover{transform:translateY(-2px)}.clock-btn svg{width:20px;height:20px}.clock-btn.out{background:var(--red);color:#fff}.today-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:22px;display:flex}.today-card h3{margin:0;font-size:15px;font-weight:800}.tl-row{align-items:center;gap:13px;display:flex}.tl-row .tl-ico{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.tl-row .tl-ico svg{width:19px;height:19px}.tl-row .tl-tx{flex:1}.tl-row .tl-tx b{font-size:14px;display:block}.tl-row .tl-tx span{color:var(--muted);font-size:12px}.tl-row .tl-val{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.prog{background:var(--line);border-radius:20px;height:8px;overflow:hidden}.prog>span{border-radius:20px;height:100%;display:block}.prog-row{margin-bottom:15px}.prog-row:last-child{margin-bottom:0}.prog-top{justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.prog-top b{font-weight:700}.prog-top span{color:var(--muted);font-variant-numeric:tabular-nums}.sec-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 14px;display:flex}.sec-h h3{margin:0;font-size:17px;font-weight:800}.sec-h p{color:var(--muted);margin:2px 0 0;font-size:12.5px}.grid-2{grid-template-columns:1.4fr 1fr;align-items:start;gap:18px;margin-bottom:18px;display:grid}.grid-2.even{grid-template-columns:1fr 1fr}@media (max-width:900px){.grid-2,.grid-2.even{grid-template-columns:1fr}}.card-pad{padding:20px 22px}.payslip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.payslip-h{background:linear-gradient(135deg, var(--navy1), var(--navy2));color:#fff;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.payslip-h .ps-tt b{font-size:16px;display:block}.payslip-h .ps-tt span{color:#c7d0ea;font-size:12.5px}.payslip-h .ps-net{text-align:end}.payslip-h .ps-net b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;display:block}.payslip-h .ps-net span{color:#c7d0ea;font-size:11.5px}.pay-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 22px;font-size:13.5px;display:flex}.pay-line .pl-nm{align-items:center;gap:10px;display:flex}.pay-line .pl-dot{border-radius:3px;width:9px;height:9px}.pay-line .pl-val{font-variant-numeric:tabular-nums;font-weight:700}.pay-line.add .pl-val{color:var(--green)}.pay-line.ded .pl-val{color:var(--red)}.pay-line.total{background:var(--bg);border-bottom:none;font-size:15px;font-weight:800}.pay-line.total .pl-val{color:var(--navy1);font-size:18px}.kanban{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:900px){.kanban{grid-template-columns:1fr}}.kcol{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:6px}.kcol-h{align-items:center;gap:9px;padding:14px 14px 10px;font-size:14px;font-weight:800;display:flex}.kcol-h .kdot{border-radius:50%;width:10px;height:10px}.kcol-h .kcount{color:var(--muted);background:var(--bg);font-variant-numeric:tabular-nums;border-radius:8px;margin-inline-start:auto;padding:2px 9px;font-size:12px}.kcard{background:var(--bg);border:1px solid var(--line);cursor:grab;border-radius:13px;margin:8px;padding:13px 14px}.kcard:hover{border-color:var(--blue)}.kcard .kc-tags{flex-wrap:wrap;gap:6px;margin-bottom:9px;display:flex}.ktag{border-radius:20px;padding:3px 9px;font-size:10.5px;font-weight:700}.kcard b{margin-bottom:4px;font-size:13.5px;display:block}.kcard p{color:var(--muted);margin:0 0 11px;font-size:12px;line-height:1.5}.kcard-f{justify-content:space-between;align-items:center;display:flex}.kcard-f .kav{color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:10.5px;font-weight:700;display:grid}.kcard-f .kdue{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.kcard-f .kdue svg{width:13px;height:13px}.set-grid{grid-template-columns:220px 1fr;align-items:start;gap:18px;display:grid}@media (max-width:820px){.set-grid{grid-template-columns:1fr}}.set-nav{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:8px}.set-item{color:var(--muted);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.set-item svg{width:19px;height:19px}.set-item:hover{background:var(--bg);color:var(--ink)}.set-item.on{background:var(--blue-bg);color:var(--blue)}.set-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px 24px}.set-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.set-row:last-child{border-bottom:none}.set-row .sr-tx b{font-size:14px;display:block}.set-row .sr-tx span{color:var(--muted);font-size:12.5px}.switch{background:var(--line);cursor:pointer;border:none;border-radius:20px;flex-shrink:0;width:46px;height:27px;transition:background .18s;position:relative}.switch:after{content:"";top:3px;background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .18s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0003}.switch.on{background:var(--green)}.switch.on:after,html[dir=rtl] .switch.on:after{transform:translate(-19px)}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (max-width:860px){.login{grid-template-columns:1fr}.login-art{display:none!important}}.login-art{background:linear-gradient(160deg, var(--navy1), var(--navy2));color:#fff;flex-direction:column;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-art .wave{opacity:.5;width:130%;position:absolute;inset-inline-start:0}.login-art .wave.w1{color:#2e7cf680;top:8%}.login-art .wave.w2{color:#e9b03a59;top:30%}.login-art .wave.w3{color:#8b6cf066;bottom:6%}.login-art .la-in{z-index:1;position:relative}.login-art .la-brand{letter-spacing:-1px;align-items:flex-start;gap:3px;font-size:40px;font-weight:800;display:inline-flex}.login-art .la-brand .fig{background:var(--blue);border-radius:50%;width:11px;height:11px;margin-top:3px;box-shadow:0 0 0 4px #2e7cf640}.login-art .la-logo{object-fit:contain;width:auto;max-width:320px;height:84px;display:block}.login-art h2{letter-spacing:-.5px;max-width:420px;margin:26px 0 10px;font-size:30px;font-weight:800;line-height:1.3}.login-art p{color:#c7d0ea;max-width:400px;font-size:15px;line-height:1.7}.login-art .la-feats{flex-direction:column;gap:13px;margin-top:30px;display:flex}.login-art .la-feat{color:#dce2f2;align-items:center;gap:11px;font-size:14px;display:flex}.login-art .la-feat .lf-ic{background:#ffffff1f;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.login-art .la-feat svg{width:16px;height:16px}.login-form{background:var(--bg);justify-content:center;align-items:center;padding:40px;display:flex}.login-box{width:100%;max-width:380px}.login-box .lb-top{text-align:center;margin-bottom:28px}.login-box .lb-top b{font-size:23px;font-weight:800}.login-box .lb-top p{color:var(--muted);margin:6px 0 0;font-size:13.5px}.login-box .field{margin-bottom:16px}.login-box .fpass{justify-content:space-between;align-items:center;display:flex}.login-box .fpass a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.login-box .btn{justify-content:center;width:100%;margin-top:4px;padding:14px;font-size:15px}.login-box .lb-alt{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.login-box .lb-mock{background:var(--blue-bg);color:var(--blue);text-align:center;border:1px solid #d6e4fd;border-radius:12px;margin-top:18px;padding:11px 14px;font-size:12px}.row-link{cursor:pointer;transition:background .12s}.row-link:hover{background:var(--bg)}.linklike{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:700}.linklike:hover{text-decoration:underline}.btn.sm,.btn.sm2,.btn-ghost.sm{border-radius:10px;padding:7px 13px;font-size:12.5px}.prof-back{margin:2px 0 12px}.prof-head{align-items:center;gap:16px;display:flex}.prof-ava{color:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:62px;height:62px;font-size:20px;font-weight:800;display:grid}.prof-id{flex:1;min-width:0}.prof-id h2{margin:0;font-size:20px;font-weight:800}.prof-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.prof-meta i{opacity:.5;font-style:normal}.prof-tabs{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:6px;width:fit-content;max-width:100%;margin:16px 0;padding:5px;display:flex;overflow-x:auto}.prof-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700}.prof-tabs button.on{background:var(--blue);color:#fff}.kv-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:640px){.kv-grid{grid-template-columns:1fr}}.kv{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:5px;min-width:0;padding:12px 15px;font-size:13px;display:flex;overflow:hidden}.kv-k{color:var(--muted);text-align:start;overflow-wrap:anywhere;font-size:12px}.kv-v{text-align:start;word-break:break-word;overflow-wrap:anywhere;font-weight:700}.kv-v.strong{color:var(--blue)}.kv-in{flex-direction:column;gap:5px;padding:8px 0;display:flex}.kv-in .kv-k{font-size:12px;font-weight:700}.kv-in input,.kv-in select{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:9px 11px;font-family:inherit;font-size:13px}.kv-in input:focus,.kv-in select:focus{border-color:var(--blue);background:var(--surface);outline:none}.cmp-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.cmp-card{border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:14px 16px}.cmp-h{margin-bottom:8px;font-size:13.5px;font-weight:800}.cmp-row{color:var(--muted);justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.doc-issue-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.doc-issue{text-align:right;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;gap:5px;padding:15px;transition:border-color .15s,transform .15s;display:flex}.doc-issue:hover{border-color:var(--blue);transform:translateY(-2px)}.doc-issue-t{font-size:14px;font-weight:800}.doc-issue-d{color:var(--muted);font-size:12px;line-height:1.6}.doc-issue-cta{color:var(--blue);margin-top:4px;font-size:12.5px;font-weight:700}.modal-t{border-bottom:1px solid var(--line);padding:18px 22px;font-size:16.5px;font-weight:800}.fld{margin-bottom:13px;display:block}.fld>span{margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.fld input,.fld select{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px}.fld input:focus,.fld select:focus{border-color:var(--blue);background:var(--surface);outline:none}.chk{cursor:pointer;align-items:center;gap:9px;padding:6px 0;font-size:13px;font-weight:600;display:flex}.chk input{width:17px;height:17px;accent-color:var(--blue)}@media (max-width:900px){html,body{overflow-x:hidden}.app{grid-template-columns:1fr}.nav-toggle{z-index:60;cursor:pointer;background:linear-gradient(200deg, var(--navy1), var(--navy2));color:#fff;width:44px;height:44px;box-shadow:var(--shadow);border:none;border-radius:13px;place-items:center;display:grid;position:fixed;inset-block-start:14px;inset-inline-start:14px}.nav-toggle svg{width:22px;height:22px}.sidebar{z-index:1001;border-radius:0;width:286px;max-width:86vw;height:100dvh;transition:transform .28s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%);box-shadow:-14px 0 44px #0a122d73}.sidebar.open{transform:none}.nav-close{z-index:2;cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;inset-block-start:16px;inset-inline-end:16px}.nav-close svg{width:18px;height:18px}.nav-backdrop{z-index:1000;opacity:0;pointer-events:none;background:#0c142d80;transition:opacity .25s;display:block;position:fixed;inset:0}.nav-backdrop.show{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}.main{padding-top:70px}.topbar{flex-wrap:wrap;gap:12px;margin-bottom:18px}.greet{text-align:start;flex-basis:100%;order:-1}.greet h1{font-size:21px}.greet p{font-size:12.5px}.search{flex-basis:100%;order:3;padding:11px 16px}}@media (max-width:480px){.main{padding:66px 14px 32px}.greet h1{font-size:19px}.user-chip{gap:8px;padding:6px 10px}.user-chip .ava{width:36px;height:36px}.bell{width:42px;height:42px}.table-card{border-radius:16px}}.forms-as{color:var(--muted);margin:0 0 16px;font-size:13.5px}.forms-as b{color:var(--ink)}.form-doc{border:1px solid var(--line);background:var(--bg);border-radius:12px;max-height:260px;margin-bottom:16px;padding:16px 18px;overflow-y:auto}.form-doc p{text-align:justify;color:#34405e;margin:0 0 10px;font-size:13.5px;line-height:2}.form-doc p:last-child{margin-bottom:0}table.fd-kv{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:13px}table.fd-kv td{border:1px solid var(--line);padding:7px 10px}table.fd-kv td.k{background:var(--surface);color:var(--navy1);width:34%;font-weight:700}.sigpad{background:#fff;border:1.5px dashed #b9c2da;border-radius:12px;overflow:hidden}.sigpad-canvas{touch-action:none;cursor:crosshair;background:#fff;width:100%;display:block}.sigpad-bar{border-top:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sigpad-hint{color:var(--muted);font-size:12px}.form-err{background:var(--red-bg);color:var(--red);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:600}.sign-ok{margin-bottom:6px;font-size:44px}.lang-tog{direction:ltr;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:4px;display:inline-flex}.lang-tog button{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:999px;min-width:46px;padding:6px 15px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.4;transition:all .18s}.lang-tog.solid{background:var(--bg);border:1px solid var(--line)}.lang-tog.solid button{color:var(--muted)}.lang-tog.solid button.on{background:var(--surface);color:var(--navy1);box-shadow:var(--shadow)}.lang-tog.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff4d}.lang-tog.glass button{color:#ffffffd1}.lang-tog.glass button.on{color:var(--navy1);background:#fff;box-shadow:0 4px 14px #0000002e}.login{position:relative}.login-lang{z-index:5;position:absolute;top:20px;left:auto;right:22px}html[dir=ltr] .login-lang{left:22px;right:auto}@media (max-width:860px){.login-lang{top:14px;right:14px}html[dir=ltr] .login-lang{left:14px}.login-lang .lang-tog.glass{background:#23347a80;border-color:#ffffff40}.login-lang .lang-tog.glass button{color:#ffffffe6}}.vault-head{background:linear-gradient(135deg, var(--blue-bg), #fff);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.vault-names{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:6px;display:flex}.vault-name-ar{color:var(--navy1);font-size:18px;font-weight:800}.vault-name-en{color:var(--muted);direction:ltr;unicode-bidi:isolate;font-size:13.5px;font-weight:600}.vault-headline{color:var(--navy1);margin-bottom:6px;font-size:15px;font-weight:800}.vault-meta{color:var(--muted);flex-wrap:wrap;gap:10px 16px;font-size:12.5px;display:flex}.vault-sec h4{color:var(--navy1);margin:0 0 8px;font-size:13.5px;font-weight:800}.vault-sec p{color:#34405e;margin:0;font-size:13.5px;line-height:1.9}.vault-item{border-inline-start:3px solid var(--blue);margin-bottom:8px;padding:2px 12px 10px}.vault-item-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.vault-item-top b{font-size:13.5px}.vault-period{color:var(--muted);white-space:nowrap;font-size:11.5px}.vault-sub{color:var(--blue);margin-top:1px;font-size:12.5px;font-weight:600}.vault-desc{color:var(--muted);margin:4px 0 0;font-size:12.5px;line-height:1.8}.vault-chips{flex-wrap:wrap;gap:7px;display:flex}.vault-chip{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600}.vault-chip.alt{background:var(--purple-bg);color:var(--purple);border-color:#0000}.vault-chip.link{color:var(--blue);text-decoration:none}.vault-chip.link:hover{background:var(--blue-bg)}.vault-ul{color:var(--muted);margin:0;padding-inline-start:18px;font-size:12.5px;line-height:1.9}.rep-drop{z-index:30;background:var(--surface);border:1px solid var(--line);top:100%;border-radius:10px;max-height:260px;margin-top:4px;padding:4px;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:0 10px 30px #141e3c24}.rep-opt{text-align:start;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-family:inherit;font-size:13.5px;display:flex}.rep-opt:hover{background:var(--blue-bg)}.rep-opt.on{background:var(--blue-bg);font-weight:700}.rep-opt-co{color:var(--muted);font-size:11px;font-weight:400}.rep-empty{text-align:center;color:var(--muted);padding:12px;font-size:12.5px}.emp-filters{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:12px;margin-bottom:16px;padding:14px;display:flex}.ef-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ef-search{min-width:220px;box-shadow:none;border:1px solid var(--line);flex:320px}.ef-search input{width:100%}.ef-sel{cursor:pointer;flex:none;min-width:180px;height:46px}.ef-sel.sm{min-width:130px}.ef-seg{align-self:flex-start}.ef-seg .cnt{margin-inline-start:6px}.ic-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.ic-btn:hover{background:var(--blue-bg);color:var(--blue);border-color:var(--blue)}.ic-btn svg{width:17px;height:17px}@media (max-width:640px){.ef-sel,.ef-sel.sm{flex:100%;min-width:0}}.emp-tbl{min-width:1040px}.emp-tbl th{padding:10px 12px;font-size:11px}.emp-tbl td{vertical-align:middle;padding:9px 12px;font-size:12px}.emp-tbl .emp{gap:9px}.emp-tbl .emp .ea{border-radius:10px;width:34px;height:34px;font-size:12px}.emp-tbl .emp b{font-size:12.5px}.emp-tbl .emp span{font-size:10.5px}.emp-tbl .pill{padding:2px 8px;font-size:10.5px}.emp-tbl .ic-btn{width:30px;height:30px}.emp-tbl .ic-btn svg{width:15px;height:15px}.prof-page{max-width:1080px;margin-inline:auto}.prof-page .prof-ava{border-radius:16px;width:54px;height:54px;font-size:18px}.prof-page .prof-id h2{font-size:18px}.prof-page .sec-h h3{font-size:15.5px}.prof-page .kv-v{font-size:13px}.prof-page .card{padding:18px 20px}.prof-page .card+.card{margin-top:16px}.chat-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.chat-head-note{color:var(--muted);font-size:11.5px}.logout-overlay{z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f1737b8;place-items:center;padding:20px;animation:.16s logoutFade;display:grid;position:fixed;inset:0}@keyframes logoutFade{0%{opacity:0}to{opacity:1}}.logout-card{background:var(--card,#fff);text-align:center;border-radius:20px;width:100%;max-width:380px;padding:30px 26px 24px;animation:.18s logoutPop;box-shadow:0 24px 60px #0f173759}@keyframes logoutPop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.logout-ico{background:var(--red-bg);width:60px;height:60px;color:var(--red);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.logout-ico svg{width:28px;height:28px}.logout-card h2{color:var(--ink);margin:0 0 6px;font-size:21px;font-weight:800}.logout-card p{color:var(--muted);margin:0 0 22px;font-size:14.5px;line-height:1.7}.logout-actions{gap:12px;display:flex}.logout-actions button{cursor:pointer;border-radius:12px;flex:1;padding:12px 16px;font-family:inherit;font-size:14.5px;font-weight:700;transition:filter .12s,transform .12s}.logout-actions button:disabled{opacity:.6;cursor:default}.logout-cancel{background:var(--bg);border:1px solid var(--line);color:var(--ink)}.logout-cancel:hover:not(:disabled){filter:brightness(.97)}.logout-confirm{background:var(--red);color:#fff;border:none;box-shadow:0 6px 16px #ce3b474d}.logout-confirm:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pledge-overlay{z-index:200;background:#0c132ee6;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.pledge-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:100%;max-width:620px;max-height:92vh;padding:26px 28px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0a143266}.forms-lang{background:var(--bg,#f1f4fb);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.forms-lang button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:700;line-height:1;transition:background .15s,color .15s}.forms-lang button.on{background:var(--blue,#2e7cf6);color:#fff}.pledge-h{align-items:center;gap:14px;margin-bottom:18px;display:flex}.pledge-badge{background:linear-gradient(145deg,#23347a,#172455);border-radius:15px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.pledge-h h2{color:var(--navy1);margin:0;font-size:19px;font-weight:800}.pledge-h p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.pledge-intro{color:var(--ink);margin:0 0 12px;font-size:14px;line-height:1.9}.pledge-list{gap:9px;margin:0;padding-inline-start:22px;display:grid}.pledge-list li{color:var(--ink);font-size:13.5px;line-height:1.85}.pledge-list b{color:var(--navy1)}.pledge-note{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:12.5px;line-height:1.8}.pledge-check{cursor:pointer;color:var(--ink);align-items:flex-start;gap:10px;margin:18px 0 16px;font-size:13.5px;font-weight:600;display:flex}.pledge-check input{width:20px;height:20px;accent-color:var(--blue);cursor:pointer;flex-shrink:0;margin-top:1px}.pledge-btn{background:linear-gradient(90deg, var(--blue), #4a8df8);color:#fff;cursor:pointer;border:none;border-radius:13px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:800;transition:opacity .15s,filter .15s}.pledge-btn:hover:not(:disabled){filter:brightness(1.05)}.pledge-btn:disabled{opacity:.45;cursor:not-allowed}.tboard{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px;display:grid}@media (max-width:1100px){.tboard{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tboard{grid-template-columns:1fr}}.tcol{background:var(--bg);border:1px solid var(--line);border-radius:16px;min-height:120px;padding:12px}.tcol-h{justify-content:space-between;align-items:center;margin:2px 4px 12px;font-size:13.5px;font-weight:800;display:flex}.tcol-h .cnt{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:700}.tcard{background:var(--surface);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow);border-radius:13px;margin-bottom:10px;padding:12px 13px;transition:border-color .15s,transform .1s}.tcard:hover{border-color:var(--purple);transform:translateY(-1px)}.tcard:last-child{margin-bottom:0}.tcard .tc-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tcard .tc-title{margin:2px 0 9px;font-size:14px;font-weight:800;line-height:1.4}.tcard .tc-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tcard .tc-emp{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.tc-ava{color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:10.5px;font-weight:800;display:grid}.tc-due{color:var(--muted);font-size:11.5px;font-weight:700}.tc-due.over{color:var(--red)}.stars{color:#e4b106;gap:2px;font-size:16px;line-height:1;display:inline-flex}.stars.sm{font-size:13px}.stars .st{color:var(--line)}.stars .st.on{color:#e4b106}.stars.input .st{cursor:pointer}.perf-score{background:var(--bg);border:1px solid var(--line);border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.perf-ring{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:84px;height:84px;font-size:24px;font-weight:900;display:grid}.perf-grade{font-size:15px;font-weight:800}.perf-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;display:grid}.perf-stat{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.perf-stat b{font-size:18px;font-weight:900;display:block}.perf-stat span{color:var(--muted);font-size:11.5px}.perf-ai-box{border:1px solid var(--line);border-radius:14px;margin-top:6px;padding:14px}.perf-ai-box h4{align-items:center;gap:7px;margin:0 0 8px;font-size:13.5px;display:flex}.perf-ai-box ul{margin:4px 0 12px;padding-inline-start:20px}.perf-ai-box li{margin-bottom:4px;font-size:13px;line-height:1.6}.perf-emp-row{border:1px solid var(--line);background:var(--surface);border-radius:13px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;padding:12px 14px;display:flex}.perf-emp-row .pe-badge{border-radius:20px;padding:3px 11px;font-size:12px;font-weight:800}.combo{position:relative}.combo-menu{background:var(--surface);border:1px solid var(--line);z-index:8;top:calc(100% + 6px);border-radius:12px;max-height:240px;padding:6px;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:0 14px 38px #1724552e}.combo-item{cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;display:flex}.combo-item:hover{background:var(--bg)}.combo-item .dept{color:var(--muted);font-size:12px}.combo-empty{text-align:center;color:var(--muted);padding:14px;font-size:12.5px}.combo .inp{cursor:text}.key-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;place-items:center;width:40px;height:40px;font-size:18px;line-height:1;transition:border-color .15s,transform .1s;display:grid}.key-btn:hover{border-color:var(--blue);background:var(--blue-bg);transform:translateY(-1px)}.add-sec-t{color:var(--blue);border-bottom:1px solid var(--line);margin:16px 2px 8px;padding-bottom:5px;font-size:13px;font-weight:800}.add-sec-t:first-child{margin-top:0}.cpick{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.cpick-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:100%;max-width:640px;padding:28px;box-shadow:0 20px 60px #17245524}.cpick-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.cpick-ava{color:#fff;border-radius:15px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:17px;font-weight:800;display:grid}.cpick-head h1{margin:0;font-size:20px;font-weight:800}.cpick-head p{color:var(--muted);margin:3px 0 0;font-size:13.5px}.cpick-search{background:var(--bg);border:1px solid var(--line);border-radius:13px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 13px;display:flex}.cpick-search svg{width:17px;height:17px;color:var(--muted);flex-shrink:0}.cpick-search input{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.cpick-scroll{max-height:56vh;margin:0 -4px;padding:0 4px;overflow-y:auto}.cpick-sec{color:var(--muted);margin:6px 2px 10px;font-size:12px;font-weight:800}.cpick-sec:not(:first-child){border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.cpick-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.cpick-grid+.cpick-sec{margin-top:20px}.cpick-item{text-align:start;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:15px;align-items:center;gap:12px;padding:13px 15px;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex}.cpick-item:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 10px 26px #2e7cf629}.cpick-logo{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.cpick-name{font-size:14px;font-weight:700;line-height:1.35}.cpick-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:26px;font-size:13.5px}.cpick-logout{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin:20px auto 0;font-size:13px;text-decoration:underline;display:block}@media (max-width:560px){.cpick-grid{grid-template-columns:1fr}}.cosw{flex-shrink:0;position:relative}.cosw-chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:9px;max-width:230px;padding:7px 12px;display:flex}.cosw-badge{color:#fff;background:linear-gradient(145deg,#3a4b85,#2a3767);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.cosw-badge.sm{border-radius:8px;width:26px;height:26px;font-size:11px}.cosw-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.cosw-chev{color:var(--muted);flex-shrink:0;place-items:center;display:grid}.cosw-chev svg{width:15px;height:15px}.cosw-menu{background:var(--surface);border:1px solid var(--line);z-index:40;top:calc(100% + 8px);border-radius:15px;min-width:280px;padding:8px;position:absolute;inset-inline-start:0;box-shadow:0 16px 44px #17245533}.cosw-menu-head{color:var(--muted);padding:5px 10px 9px;font-size:11.5px;font-weight:700}.cosw-search{background:var(--bg);border:1px solid var(--line);border-radius:11px;align-items:center;gap:7px;margin-bottom:7px;padding:8px 11px;display:flex}.cosw-search svg{width:15px;height:15px;color:var(--muted);flex-shrink:0}.cosw-search input{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:13px}.cosw-list{max-height:300px;overflow-y:auto}.cosw-item{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.cosw-item:hover{background:var(--bg)}.cosw-item.on{background:var(--blue-bg)}.cosw-item-name{flex:1;font-size:13px;font-weight:600;line-height:1.3}.cosw-ok{color:var(--blue);place-items:center;display:grid}.cosw-ok svg{width:16px;height:16px}.cosw-empty{text-align:center;color:var(--muted);padding:16px;font-size:12.5px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}