@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root,:root[data-theme=light]{color-scheme:light;--bg: #e6eef5;--page-bg: radial-gradient(50% 45% at 72% 92%, rgba(245, 158, 11, .07), transparent 72%), linear-gradient(160deg, #f0f4f8, #e6eef5);--text: #0f1c3f;--text-muted: #44547a;--text-body: #33436a;--heading-muted: #4d5c80;--panel: rgba(255, 255, 255, .75);--panel-border: rgba(255, 255, 255, .8);--panel-shadow: 0 8px 28px rgba(30, 55, 110, .05);--attention-shadow: 0 10px 32px rgba(100, 120, 150, .14), inset 0 1px 0 rgba(255, 255, 255, .9);--divider: #e4eaf5;--section-rule: rgba(148, 163, 184, .3);--count-bg: #d97706;--count-text: #ffffff;--count-glow: none;--attention-bg: rgba(255, 255, 255, .6);--attention-glint-glow: drop-shadow(0 0 4px #ffffff) drop-shadow(0 0 8px rgba(59, 130, 246, .65));--attention-blur: blur(16px);--attention-border: rgba(255, 255, 255, .8);--attention-accent: rgba(255, 255, 255, .8);--attention-accent-width: 1px;--attention-title: #1e293b;--attention-divider: rgba(245, 158, 11, .25);--attention-row-bg: rgba(255, 255, 255, .35);--attention-row-hover: rgba(245, 158, 11, .06);--attention-list-bg: rgba(255, 255, 255, .72);--attention-frame-border: rgba(245, 158, 11, .25);--attention-frame-glow: 0 0 14px rgba(245, 158, 11, .25);--attention-skeleton: rgba(15, 23, 42, .08);--attention-scrollbar: rgba(217, 119, 6, .45);--attention-reference: #d97706;--attention-description: #334155;--attention-approve: #2563eb;--attention-approve-hover: #1d4ed8;--attention-reject-bg: rgba(255, 255, 255, .6);--attention-reject-hover: #ffffff;--attention-reject-border: rgba(148, 163, 184, .45);--attention-success: #0b7a4b;--attention-error: #b42318;--attention-focus: #1f6feb;--selection-bg: #eaf1fe;--selection-border: #c7d9f9;--selection-link: #175ccb;--accent: #1f6feb;--accent-hover: #175ccb;--accent-text: #ffffff;--accent-shadow: 0 3px 10px rgba(31, 111, 235, .28);--outline-border: #cfd9ea;--outline-bg: #ffffff;--outline-hover: #f1f5fc;--reference: #9a5a00;--warning: #dd8500;--success: #0b7a4b;--error: #b42318;--avatar-bg: #f3ede4;--avatar-text: #334155;--avatar-shadow: 0 2px 8px rgba(100, 120, 150, .2);--tile-bg: linear-gradient(140deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .55) 72%);--tile-border: rgba(255, 255, 255, .95);--tile-hover: rgba(148, 163, 184, .7);--tile-shadow: 0 8px 22px rgba(90, 110, 145, .17), inset 0 1px 0 #ffffff, inset 0 -1px 0 rgba(148, 163, 184, .16);--tile-blur: blur(10px);--tile-title: #1e293b;--grid-placeholder: #2563eb;--nav-text: #1e293b;--nav-muted: #475569;--nav-open-bg: rgba(148, 163, 184, .14);--nav-hover: rgba(148, 163, 184, .2);--nav-active-bg: rgba(37, 99, 235, .1);--nav-active-text: #1d4ed8;--nav-drawer-bg: #f4f7fa;--icon-circle: #f7f9fe;--icon-circle-border: #dfe6f3;--popover-bg: #ffffff;--popover-shadow: 0 12px 32px rgba(30, 55, 110, .16);--dialog-backdrop: rgba(5, 11, 36, .5);--type-brand: #0f1c3f;--type-greeting: #475569;--type-date: #5a6a80;--type-time: #5a6a80;--type-heading: #5a6a80;--type-card: #0f172a;--skeleton: #e4eaf5;--focus: #1f6feb}:root[data-theme=dark]{color-scheme:dark;--bg: #070a11;--page-bg: radial-gradient(60% 60% at 95% 100%, rgba(180, 100, 20, .34), transparent 72%), radial-gradient(50% 50% at 8% 0%, rgba(37, 99, 235, .2), transparent 70%), radial-gradient(45% 28% at 50% 6%, rgba(148, 163, 184, .12), transparent 75%), radial-gradient(circle at center, #111827, #070a11);--text: #f1f5f9;--text-muted: #cbd5e1;--text-body: #e2e8f0;--heading-muted: #94a3b8;--panel: rgba(30, 41, 59, .7);--panel-border: #334155;--panel-shadow: none;--attention-shadow: 0 12px 32px rgba(0, 0, 0, .38);--divider: #334155;--section-rule: #334155;--count-bg: #78350f;--count-text: #fde68a;--count-glow: 0 0 12px rgba(245, 158, 11, .7);--attention-bg: rgba(30, 41, 59, .75);--attention-glint-glow: drop-shadow(0 0 6px rgba(255, 255, 255, .8));--attention-blur: blur(12px);--attention-border: rgba(148, 163, 184, .45);--attention-accent: rgba(148, 163, 184, .45);--attention-accent-width: 1px;--attention-title: #f8fafc;--attention-divider: rgba(245, 158, 11, .3);--attention-row-bg: rgba(245, 158, 11, .05);--attention-row-hover: rgba(245, 158, 11, .1);--attention-list-bg: rgba(24, 33, 49, .8);--attention-frame-border: rgba(245, 158, 11, .85);--attention-frame-glow: 0 0 24px rgba(245, 158, 11, .45), inset 0 0 16px rgba(245, 158, 11, .1);--attention-skeleton: rgba(255, 255, 255, .1);--attention-scrollbar: rgba(245, 176, 46, .45);--attention-reference: #fbbf24;--attention-description: #cbd5e1;--attention-approve: #0b6fd8;--attention-approve-hover: #1580ee;--attention-reject-bg: rgba(255, 255, 255, .03);--attention-reject-hover: rgba(255, 255, 255, .1);--attention-reject-border: rgba(255, 255, 255, .28);--attention-success: #6ee7b7;--attention-error: #fca5a5;--attention-focus: #7db8ff;--selection-bg: #161e2e;--selection-border: #475569;--selection-link: #93c5fd;--accent: #0b6fd8;--accent-hover: #1580ee;--accent-text: #ffffff;--accent-shadow: 0 0 14px rgba(30, 150, 255, .4);--outline-border: rgba(255, 255, 255, .28);--outline-bg: rgba(255, 255, 255, .03);--outline-hover: rgba(255, 255, 255, .1);--reference: #f5b02e;--warning: #f5b02e;--success: #6ee7b7;--error: #fca5a5;--avatar-bg: #2563eb;--avatar-text: #ffffff;--avatar-shadow: 0 0 16px rgba(37, 99, 235, .5);--tile-bg: linear-gradient(140deg, #222d42, #141c2b 70%);--tile-border: #33435c;--tile-hover: #64748b;--tile-shadow: 0 4px 16px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .07);--tile-title: #f8fafc;--grid-placeholder: #60a5fa;--nav-text: #e2e8f0;--nav-muted: #cbd5e1;--nav-open-bg: rgba(148, 163, 184, .12);--nav-hover: rgba(148, 163, 184, .16);--nav-active-bg: rgba(96, 165, 250, .16);--nav-active-text: #93c5fd;--nav-drawer-bg: #111827;--icon-circle: radial-gradient(circle at 32% 28%, #33435f, #1a2438);--icon-circle-border: #475569;--icon-glow: 0 0 12px rgba(96, 165, 250, .2);--popover-bg: #1e293b;--popover-shadow: 0 12px 32px rgba(0, 0, 0, .5);--dialog-backdrop: rgba(2, 6, 12, .65);--type-brand: #ffffff;--type-greeting: #94a3b8;--type-date: #94a3b8;--type-time: #9aa9be;--type-heading: #94a3b8;--type-card: #e2e8f0;--skeleton: rgba(255, 255, 255, .1);--focus: #7db8ff}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.page{min-height:100vh;padding:20px 24px 32px;background:var(--page-bg);background-attachment:fixed}.panel{border-radius:20px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow)}.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:40px;margin-bottom:20px}.header__start{display:flex;align-items:center;gap:6px;justify-self:start;min-width:0}.header__greeting{overflow:hidden;font-size:16px;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;border-radius:8px}.brand__mark{flex:none;width:40px;height:40px}.brand__name{font-size:25px;font-weight:400;letter-spacing:-.03em;line-height:1}.brand__name-fly{font-weight:800}.header__tools{display:flex;justify-self:end;align-items:center;gap:18px}.header__date{margin-right:2px;color:var(--text-muted);font-weight:500;white-space:nowrap}.icon-button{position:relative;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:none;cursor:pointer}.icon-button:hover{background:var(--outline-hover)}.icon-button__dot{position:absolute;top:7px;right:8px;width:8px;height:8px;overflow:hidden;border-radius:50%;background:var(--warning);font-size:0}:root[data-theme=light] .icon-button__dot{top:2px;right:2px;display:grid;place-items:center;width:auto;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--count-bg);color:var(--count-text);font-size:11px;font-weight:700}.avatar{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--avatar-bg);box-shadow:var(--avatar-shadow);color:var(--avatar-text);font-size:14px;font-weight:700;cursor:pointer}.popover{position:relative}.popover__panel{position:absolute;z-index:10;top:calc(100% + 10px);right:0;width:280px;max-width:calc(100vw - 32px);padding:16px;border-radius:14px;background:var(--popover-bg);border:1px solid var(--panel-border);box-shadow:var(--popover-shadow)}.popover__title{margin-bottom:10px;font-size:15px;font-weight:700}.popover__empty{color:var(--text-muted)}.notification-list{margin:0;padding:0;list-style:none;color:var(--text-body);font-size:14px}.notification-list li+li{margin-top:8px}.theme-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.theme-toggle:hover{background:var(--outline-hover)}.theme-toggle__label{flex:1}.theme-toggle__track{position:relative;flex:none;width:36px;height:20px;border-radius:999px;background:var(--text-muted);transition:background .15s}.theme-toggle__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.theme-toggle[aria-checked=true] .theme-toggle__track{background:var(--accent)}.theme-toggle[aria-checked=true] .theme-toggle__knob{transform:translate(16px)}@media(prefers-reduced-motion:reduce){.theme-toggle__track,.theme-toggle__knob{transition:none}}.account__name{margin-bottom:2px}.account__detail{margin-bottom:14px;color:var(--text-muted);font-size:13px}.account__actions{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:8px;border-top:1px solid var(--divider)}.account__action{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:0;border-radius:8px;background:none;color:var(--text);font-size:15px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.account__action:hover{background:var(--outline-hover)}.form-panel{display:flex;flex-direction:column;gap:18px;max-width:560px;margin:0 auto;padding:34px}.form-panel h1{font-size:26px;font-weight:800;letter-spacing:-.02em}.form-panel__intro{margin-top:-10px;color:var(--text-muted)}.form-panel__actions{display:flex;flex-wrap:wrap;gap:8px}.form-message{font-size:14px;font-weight:600}.form-message--success{color:var(--success)}.form-message--error{color:var(--error)}.field__hint{color:var(--text-muted);font-size:13px}select.field__input option{background:var(--popover-bg);color:var(--text)}.employees{display:flex;flex-direction:column;gap:18px;padding:28px}.employees__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.employees__top h1{font-size:26px;font-weight:800;letter-spacing:-.02em}.employees__scroll{overflow-x:auto}.employees__table{width:100%;border-collapse:collapse;font-size:.875rem}.employees__table th{padding:8px 12px;border-bottom:1px solid var(--section-rule);color:var(--type-heading);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.employees__table td{padding:8px 12px;border-bottom:1px solid var(--section-rule);color:var(--text-body);white-space:nowrap}.employees__id{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem}.employees__role{width:auto;min-width:170px;height:36px;font-size:.875rem}.employees__fixed-role{display:inline-block;padding:0 13px}.employees__add{display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid var(--section-rule)}.employees__heading{font-size:1rem;font-weight:600}.employees__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;gap:14px}.login{display:grid;place-items:center}.login__column{width:100%;max-width:420px}.login__brand{justify-content:center;gap:14px;margin-bottom:28px}.login__brand .brand__mark{width:52px;height:52px}.login__brand .brand__name{font-size:34px}.login__card{display:flex;flex-direction:column;gap:18px;padding:34px}.login__title{font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.1}.login__tagline{margin-top:-12px;margin-bottom:4px;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px}.field__label{color:var(--text-body);font-size:14px;font-weight:600}.field__input{width:100%;height:44px;padding:0 12px;border:1px solid var(--outline-border);border-radius:10px;background:var(--outline-bg);color:var(--text);font:inherit;font-size:16px}.field__password{position:relative;display:block}.field__password .field__input{padding-right:44px}.field__reveal{position:absolute;top:4px;right:4px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--text-muted);cursor:pointer}.field__reveal:hover{background:var(--outline-hover)}.login__error{color:var(--error);font-size:14px;font-weight:600}.login__submit{width:100%;height:44px;font-size:15px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px}.shell__main{min-width:0}.sidebar{position:sticky;top:16px;width:248px;max-height:calc(100vh - 32px);padding:10px;overflow-y:auto;border:1px solid var(--tile-border);border-radius:20px;background:var(--tile-bg);-webkit-backdrop-filter:var(--tile-blur, none);backdrop-filter:var(--tile-blur, none);box-shadow:var(--tile-shadow);color:var(--nav-text);scrollbar-width:thin}@media(prefers-reduced-motion:no-preference){.sidebar{transition:width .18s ease}}.sidebar--collapsed{width:66px}.sidebar__top{display:flex;align-items:center;gap:4px;margin-bottom:8px}.sidebar__home{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 12px;border-radius:12px;color:var(--nav-text);font-size:.875rem;font-weight:600;text-decoration:none}.sidebar__home:hover{background:var(--nav-hover)}.sidebar__home.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.sidebar__collapse,.sidebar__close{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--nav-muted);cursor:pointer}.sidebar__collapse:hover,.sidebar__close:hover{background:var(--nav-hover)}.sidebar__close{display:none}.sidebar__groups,.sidebar__items{margin:0;padding:0;list-style:none}.sidebar__group{border-radius:14px}.sidebar__group+.sidebar__group{margin-top:4px}.sidebar__group--open{background:var(--nav-open-bg)}.sidebar__group-button{width:100%;display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border:0;border-radius:14px;background:none;color:var(--nav-text);font-size:.875rem;font-weight:600;text-align:left;cursor:pointer}.sidebar__group-button:hover{background:var(--nav-hover)}.sidebar__icon{flex:none;width:24px;display:grid;place-items:center;color:var(--nav-icon-light)}:root[data-theme=dark] .sidebar__icon{color:var(--nav-icon-dark)}.sidebar__label{flex:1;min-width:0}.sidebar__chevron{flex:none;color:var(--nav-muted)}.sidebar__group--open .sidebar__chevron{transform:rotate(180deg)}.sidebar__items{padding:0 6px 8px}.sidebar__item{display:flex;align-items:center;gap:2px}.sidebar__link{flex:1;min-width:0;padding:7px 8px 7px 30px;border-radius:10px;color:var(--nav-muted);font-size:.8125rem;font-weight:500;line-height:1.3;text-decoration:none}.sidebar__link:hover{background:var(--nav-hover);color:var(--nav-text)}.sidebar__link.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}.sidebar__tile-toggle{flex:none;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--nav-muted);cursor:pointer}.sidebar__tile-toggle:hover{background:var(--nav-hover);color:var(--nav-text)}.sidebar__tile-toggle--on{color:var(--nav-active-text)}.sidebar--collapsed .sidebar__top{flex-direction:column}.sidebar--collapsed .sidebar__home{flex:none;justify-content:center;width:44px;padding:8px}.sidebar--collapsed .sidebar__label,.sidebar--collapsed .sidebar__chevron,.sidebar--collapsed .sidebar__items{display:none}.sidebar--collapsed .sidebar__group--open{background:none}.sidebar--collapsed .sidebar__group-button{justify-content:center;padding:8px}.header__menu,.sidebar__backdrop{display:none}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.header__menu{display:grid}.sidebar,.sidebar--collapsed{position:fixed;z-index:30;top:0;bottom:0;left:0;width:min(290px,86vw);max-height:none;border-radius:0 20px 20px 0;background:var(--nav-drawer-bg);transform:translate(-105%);visibility:hidden}.sidebar--drawer-open{transform:none;visibility:visible}.sidebar__collapse{display:none}.sidebar__close{display:grid}.sidebar__backdrop{position:fixed;z-index:29;inset:0;display:block;width:100%;border:0;background:var(--dialog-backdrop);cursor:pointer}.sidebar--collapsed .sidebar__top{flex-direction:row}.sidebar--collapsed .sidebar__home{flex:1;justify-content:flex-start;width:auto;padding:8px 12px}.sidebar--collapsed .sidebar__label,.sidebar--collapsed .sidebar__chevron,.sidebar--collapsed .sidebar__items{display:block}.sidebar--collapsed .sidebar__group--open{background:var(--nav-open-bg)}.sidebar--collapsed .sidebar__group-button{justify-content:flex-start;padding:8px 10px}}.tile{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--tile-border);border-radius:20px;background:var(--tile-bg);-webkit-backdrop-filter:var(--tile-blur, none);backdrop-filter:var(--tile-blur, none);box-shadow:var(--tile-shadow)}.tile__header{flex:none;display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 10px 10px 20px}.react-grid-item .tile__header{cursor:grab;-webkit-user-select:none;user-select:none}.react-grid-item.react-draggable-dragging .tile__header{cursor:grabbing}.tile__title{min-width:0;color:var(--tile-title);font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.tile__actions{flex:none;display:flex;gap:2px;margin-left:auto;cursor:default}.tile__action{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--type-date);cursor:pointer}.tile__action:hover{background:var(--nav-hover);color:var(--tile-title)}.tile__body{flex:1;min-height:0;padding:0 20px 16px;overflow:auto}.workspace-stack{display:flex;flex-direction:column;gap:16px}.workspace-stack .tile{height:auto}.workspace-expanded{height:calc(100vh - 112px);min-height:320px}.workspace__error{margin-bottom:12px;color:var(--error);font-size:14px;font-weight:600}.react-grid-item.react-grid-placeholder{border-radius:20px;background:var(--grid-placeholder);opacity:.16}.react-grid-item>.react-resizable-handle:after{border-color:var(--type-date)}.tile--attention{background:var(--attention-bg);border-color:var(--attention-border);-webkit-backdrop-filter:var(--attention-blur);backdrop-filter:var(--attention-blur);box-shadow:var(--attention-shadow);--divider: var(--attention-divider);--reference: var(--attention-reference);--text-body: var(--attention-description);--text: var(--attention-title);--accent: var(--attention-approve);--accent-hover: var(--attention-approve-hover);--outline-bg: var(--attention-reject-bg);--outline-hover: var(--attention-reject-hover);--outline-border: var(--attention-reject-border);--success: var(--attention-success);--error: var(--attention-error);--focus: var(--attention-focus);--skeleton: var(--attention-skeleton)}.tile--attention:before,.tile--attention:after{content:"";position:absolute;left:22%;right:22%;height:2px;background:linear-gradient(90deg,transparent,#ffffff 50%,transparent);filter:var(--attention-glint-glow);pointer-events:none}.tile--attention:before{top:-1px}.tile--attention:after{bottom:-1px}.attention{container-type:inline-size;padding-top:2px}.attention__clear{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 0}.attention__check{flex:none;color:var(--success)}.attention__clear-title{color:var(--tile-title);font-size:15px;font-weight:700}.attention__clear-text{color:var(--text-muted)}.attention__count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--count-bg);box-shadow:var(--count-glow);color:var(--count-text);font-size:13px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}.attention__list{flex:1;margin:0;padding:0;border:1px solid var(--attention-frame-border);border-radius:14px;background:var(--attention-list-bg);box-shadow:var(--attention-frame-glow);overflow-y:auto;scroll-snap-type:y mandatory;list-style:none;scrollbar-width:thin;scrollbar-color:var(--attention-scrollbar) transparent}.attention__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;scroll-snap-align:start;min-height:52px;padding:9px 12px;background:var(--attention-row-bg);border-bottom:1px solid var(--divider);font-size:13.5px}.attention__row:hover{background:var(--attention-row-hover)}.attention__row .button{height:32px;font-size:12.6px}.attention__row:last-child{border-bottom:0}.attention__reference{color:var(--reference);font-weight:700;white-space:nowrap}.attention__description{color:var(--text-body)}.attention__time{color:var(--text-muted);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.attention__actions{display:flex;gap:8px}.attention__loading{flex:1;display:flex;flex-direction:column;gap:18px;padding:14px 0}.attention__notice{margin-top:8px;font-size:14px;font-weight:600}.attention__notice:empty{margin-top:0}.attention__notice--success{color:var(--success)}.attention__notice--error{color:var(--error)}.skeleton{display:inline-block;border-radius:8px;background:var(--skeleton)}.skeleton--row{width:100%;height:44px}@media(prefers-reduced-motion:no-preference){.skeleton{animation:skeleton-pulse 1.4s ease-in-out infinite}}@keyframes skeleton-pulse{50%{opacity:.55}}.button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.button:disabled{opacity:.6;cursor:progress}.button--primary{padding:0 16px;border:0;background:var(--accent);box-shadow:var(--accent-shadow);color:var(--accent-text)}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--outline{border:1px solid var(--outline-border);background:var(--outline-bg);color:var(--text)}.button--outline:hover:not(:disabled){background:var(--outline-hover)}.customise{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;overflow:auto;border:1px solid var(--panel-border);border-radius:20px;background:var(--popover-bg);box-shadow:var(--popover-shadow);color:var(--text)}.customise::backdrop{background:var(--dialog-backdrop)}.customise__form{display:flex;flex-direction:column;gap:18px;padding:28px}.customise__title{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.customise__picker{border-radius:10px;background:var(--selection-bg);border:1px solid var(--selection-border)}.customise__picker summary{padding:11px 14px;border-radius:10px;font-weight:600;cursor:pointer}.customise__list{margin:0;padding:2px 14px 14px;border:0;min-width:0}.customise__list:disabled{opacity:.55}.customise__bulk{display:flex;gap:16px;margin-bottom:10px}.customise__bulk button{padding:0;border:0;background:none;color:var(--selection-link);font-size:14px;font-weight:600;cursor:pointer}.customise__bulk button:disabled{cursor:default}.customise__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.customise__group{min-width:0}.customise__option{display:flex;align-items:flex-start;gap:9px;padding:4px 0;font-size:14px;cursor:pointer}.customise__option input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent)}.customise__option--group{font-weight:700}.customise__group .customise__option:not(.customise__option--group){padding-left:12px}.message-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:34px}.message-panel h1,.message-panel h2{font-size:26px;font-weight:800;letter-spacing:-.02em}.message-panel p{margin-bottom:8px;color:var(--text-muted)}.header .brand__name,.header .brand__name-fly{color:var(--type-brand);font-size:1.125rem;font-weight:600;letter-spacing:-.02em}.header__greeting{color:var(--type-greeting);font-size:.875rem;font-weight:500}.header__date{color:var(--type-date);font-size:.8125rem;font-weight:400}.icon-button{color:var(--type-date)}.attention__count{font-size:.75rem;font-weight:600}.attention__reference{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:700}.attention__description{font-size:.875rem;font-weight:400;line-height:1.4}.attention__time{color:var(--type-time);font-size:.75rem;font-weight:400}.attention__row .button{height:auto;padding:6px 14px;font-size:.8125rem;font-weight:600}@container (max-width: 600px){.attention__row{grid-template-columns:minmax(0,1fr);gap:4px}.attention__actions{margin-top:4px}}@media(max-width:1100px){.header__date{display:none}}@media(max-width:720px){.page{padding:16px 16px 32px}.header{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;margin-bottom:20px}.header__greeting{grid-column:1 / -1;grid-row:2}.login__card,.form-panel{padding:24px}.header__tools{gap:8px}}@media(max-width:460px){.customise__form{padding:20px}.customise__groups{grid-template-columns:minmax(0,1fr)}}