:root{--bg: #f4f6fb;--card: #ffffff;--card2: #f0f4f9;--text: #0d1526;--text2: #2d3f5c;--text3: #6b7a99;--line: rgba(13, 21, 38, .09);--line2: rgba(13, 21, 38, .055);--accent: #2563eb;--accent2: #059669;--accent3: #dc2626;--accent4: #d97706;--grad-primary: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);--grad-success: linear-gradient(135deg, #059669 0%, #0d9488 100%);--grad-danger: linear-gradient(135deg, #dc2626 0%, #db2777 100%);--grad-card-top: linear-gradient(180deg, rgba(37,99,235,.045) 0%, transparent 60px);--radius: 18px;--radius-sm: 9px;--radius-md: 13px;--radius-lg: 24px;--shadow: 0 1px 3px rgba(2,6,23,.04), 0 8px 24px rgba(2,6,23,.07);--shadow2: 0 1px 2px rgba(2,6,23,.03), 0 4px 12px rgba(2,6,23,.05);--shadow-accent: 0 4px 20px rgba(37,99,235,.22);--sidebar-width: 260px;--topbar-height: 56px;--surface-sidebar: rgba(255,255,255,.94);--surface-topbar: rgba(255,255,255,.82);--surface-bottom-nav: rgba(255,255,255,.97);--surface-input: #ffffff;--surface-btn: #ffffff;--surface-toast: rgba(255,255,255,.96);--row-hover: rgba(2,6,23,.025);--row-even: rgba(2,6,23,.012);--nav-hover: rgba(2,6,23,.05);--skeleton-a: rgba(2,6,23,.045);--skeleton-b: rgba(2,6,23,.09)}[data-theme=dark]{--bg: #0b1120;--card: #111d33;--card2: #182442;--text: #eef2ff;--text2: #c1cde8;--text3: #6b7a99;--line: rgba(238,242,255,.08);--line2: rgba(238,242,255,.05);--grad-card-top: linear-gradient(180deg, rgba(37,99,235,.06) 0%, transparent 60px);--shadow: 0 1px 3px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.32);--shadow2: 0 1px 2px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.24);--shadow-accent: 0 4px 20px rgba(37,99,235,.35);--surface-sidebar: rgba(11,17,32,.98);--surface-topbar: rgba(11,17,32,.92);--surface-bottom-nav: rgba(11,17,32,.98);--surface-input: #182442;--surface-btn: #182442;--surface-toast: rgba(17,29,51,.97);--row-hover: rgba(238,242,255,.035);--row-even: rgba(238,242,255,.018);--nav-hover: rgba(238,242,255,.055);--skeleton-a: rgba(238,242,255,.045);--skeleton-b: rgba(238,242,255,.09)}*,*:before,*:after{box-sizing:border-box}html{font-size:14px}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--surface-sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;height:100dvh;overflow-y:auto;padding:18px 10px;position:relative;z-index:100;transition:width .22s ease,padding .22s ease,border-color .22s ease}body.sidebar-collapsed .sidebar{width:52px;overflow:visible;padding:18px 6px}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-height);flex-shrink:0;background:var(--surface-topbar);border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--line2),var(--shadow2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px;z-index:90}.page-content{flex:1;overflow-y:auto;padding:20px}.card{background:var(--card);background-image:var(--grad-card-top);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;transition:box-shadow .18s}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-btn);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;white-space:nowrap;font-family:inherit}.btn:hover{background:var(--nav-hover);border-color:var(--line)}.btn:active{transform:translateY(1px)}.btn.primary,.btn-primary{background:var(--grad-primary);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 8px #2563eb47}.btn.primary:hover,.btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 16px #2563eb61}.btn.primary:active,.btn-primary:active{filter:brightness(.96)}.btn.danger{background:#dc262614;border-color:#dc26262e;color:#b91c1c}.btn.danger:hover{background:#dc262624;border-color:#dc262647}.btn.success{background:var(--grad-success);border-color:transparent;color:#fff;font-weight:600}.btn.success:hover{filter:brightness(1.08)}input,select,textarea{background:var(--surface-input);border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:13px;padding:8px 12px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:#2563eb66;box-shadow:0 0 0 3px #2563eb1a}.field-input{width:100%;background:var(--surface-input);border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:13px;padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.field-input:focus{border-color:#2563eb66;box-shadow:0 0 0 3px #2563eb1a}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--card);border:1.5px solid var(--line);border-radius:999px;font-size:12px;color:var(--text2);box-shadow:var(--shadow2)}.pill select,.pill input[type=date]{border:none;background:transparent;padding:0;font-size:12px;box-shadow:none}.sep{height:1px;background:var(--line);margin:10px 0}.muted{color:var(--text3)}.hidden{display:none!important}table{width:100%;border-collapse:collapse;font-size:12.5px}th,td{border-bottom:1px solid var(--line2);padding:9px 11px;text-align:left}th{color:var(--text3);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px}tbody tr:hover{background:var(--row-hover)}tbody tr:nth-child(2n){background:var(--row-even)}#toast{position:fixed;bottom:24px;right:24px;z-index:9999;min-width:240px;max-width:360px;padding:13px 18px;border-radius:var(--radius-md);background:var(--surface-toast);border:1px solid var(--line);box-shadow:0 8px 32px #00000024,0 2px 8px #00000014;font-size:13px;font-weight:500;display:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:toastIn .22s cubic-bezier(.25,.46,.45,.94)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#toast.show{display:block}#toast.success{border-left:3px solid var(--accent2)}#toast.error{border-left:3px solid var(--accent3)}#toast.warning{border-left:3px solid var(--accent4)}#toast.info{border-left:3px solid var(--accent)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.page-title{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.4px}.page-sub{font-size:12px;color:var(--text3);margin-top:2px}.tr{text-align:right}#ta-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:16px;animation:taFadeIn .22s ease}@keyframes taFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ta-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a99}.ta-card{position:relative;z-index:1;background:var(--card);border-radius:20px;width:100%;max-width:440px;box-shadow:0 28px 64px #0000004d;overflow:hidden}.ta-header{background:linear-gradient(135deg,#1d4ed8,#2563eb);padding:20px 22px;color:#fff;display:flex;align-items:flex-start;gap:14px}.ta-header-icon{font-size:28px;line-height:1;flex-shrink:0}.ta-header-label{font-size:11px;opacity:.8;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px}.ta-header-title{font-size:17px;font-weight:800;line-height:1.35}.ta-body{padding:18px 20px;display:flex;flex-direction:column;gap:12px}.ta-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ta-cell{background:var(--bg);border-radius:10px;padding:10px 12px}.ta-cell-label{font-size:10px;color:var(--text3);font-weight:700;text-transform:uppercase;margin-bottom:4px}.ta-cell-val{font-size:14px;font-weight:700;color:var(--text)}.ta-pri{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;display:inline-block}.ta-desc{font-size:13px;color:var(--text2);background:var(--bg);border-radius:10px;padding:10px 12px;line-height:1.55}.ta-msg{font-size:13px;color:var(--text2);padding:4px 0}.ta-meta{font-size:12px;color:var(--text3)}.ta-actions{display:flex;gap:8px}.ta-btn-primary{flex:1;padding:12px 0;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.ta-btn-primary:hover{background:#1d4ed8}.ta-btn-sec{padding:12px 16px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--text3);font-size:13px;cursor:pointer;transition:border-color .15s}.ta-btn-sec:hover{border-color:var(--line2)}.ta-progress{height:4px;background:var(--line);border-radius:20px;overflow:hidden}.ta-progress-bar{height:4px;background:#2563eb;border-radius:20px;transition:width .3s ease}.ta-due-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.ta-overdue{background:#fee2e2;color:#b91c1c}.ta-today{background:#fef3c7;color:#92400e}.ta-soon{background:#fef9c3;color:#ca8a04}.ta-ok{background:#dcfce7;color:#065f46}.ta-card-list{max-width:480px}.ta-list-body{display:flex;flex-direction:column}.ta-list-scroll{max-height:320px;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.ta-list-scroll::-webkit-scrollbar{width:4px}.ta-list-scroll::-webkit-scrollbar-thumb{background:var(--line2);border-radius:4px}.ta-list-row{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:10px;padding:10px 12px;transition:background .12s}.ta-list-row:hover{background:var(--line)}.ta-list-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.ta-list-title{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ta-list-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.ta-list-date{font-size:11px;color:var(--text3)}.ta-list-creator{font-size:11px;color:var(--text3);font-style:italic}.ta-list-goto{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--line2);background:var(--card);color:var(--text2);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s}.ta-list-goto:hover{border-color:#2563eb;color:#2563eb}.ta-list-footer{padding:14px 16px 16px;display:flex;gap:8px;align-items:center;border-top:1px solid var(--line)}.ta-btn-goto-all{padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--text3);font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:border-color .15s}.ta-btn-goto-all:hover{border-color:var(--line2)}.nd-clickable{cursor:pointer}.nd-clickable:hover{background:var(--bg)!important}@media (max-width: 480px){.ta-card{border-radius:16px;max-width:100%}.ta-card-list{max-width:100%}.ta-grid2{grid-template-columns:1fr}.ta-list-scroll{max-height:260px}}#np-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5500;display:flex;align-items:center;justify-content:center;pointer-events:none}.np-item{pointer-events:all;position:relative;width:100%;max-width:420px;padding:0 16px;animation:npFadeIn .28s cubic-bezier(.25,.46,.45,.94)}.np-item.np-closing{animation:npFadeOut .28s cubic-bezier(.4,0,1,1) forwards}@keyframes npFadeIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes npFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.93)}}.np-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:-1;cursor:pointer}.np-card{background:var(--card);border-radius:16px;box-shadow:0 24px 64px #00000047;overflow:hidden;display:flex;flex-direction:column}.np-info .np-card{border-top:4px solid #2563eb}.np-warning .np-card{border-top:4px solid #d97706}.np-success .np-card{border-top:4px solid #059669}.np-error .np-card{border-top:4px solid #dc2626}.np-card-hdr{display:flex;align-items:center;gap:10px;padding:18px 18px 10px}.np-icon{font-size:22px;flex-shrink:0;line-height:1}.np-title{flex:1;font-size:15px;font-weight:800;color:var(--text);line-height:1.3}.np-close{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1.5px solid var(--line);border-radius:50%;cursor:pointer;color:var(--text2);font-size:13px;font-weight:700;transition:background .15s,color .15s;line-height:1}.np-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.np-msg{padding:0 18px 16px;font-size:13px;color:var(--text2);line-height:1.65}.np-foot{display:flex;align-items:center;gap:8px;padding:10px 18px 14px;border-top:1px solid var(--line)}.np-ring{width:32px;height:32px;flex-shrink:0;transform:rotate(-90deg)}.np-ring-bg{fill:none;stroke:var(--line);stroke-width:3}.np-ring-fill{fill:none;stroke-width:3;stroke-dasharray:100.53;stroke-dashoffset:0;transition:stroke-dashoffset .9s linear}.np-info .np-ring-fill{stroke:#2563eb}.np-warning .np-ring-fill{stroke:#d97706}.np-success .np-ring-fill{stroke:#059669}.np-error .np-ring-fill{stroke:#dc2626}.np-timer{font-size:12px;color:var(--text3);font-variant-numeric:tabular-nums}@media (max-width: 480px){.np-item{padding:0 12px}.np-card{border-radius:14px}}.np-rekor .np-card{border-top:none}.np-rekor-hdr{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;background:linear-gradient(135deg,#065f46,#059669)}.np-rekor-trophy{font-size:26px;flex-shrink:0;line-height:1}.np-rekor-lbl{flex:1;font-size:15px;font-weight:900;letter-spacing:1.5px;color:#fff;text-transform:uppercase}.np-close-light{background:#ffffff2e!important;border-color:#ffffff4d!important;color:#fff!important}.np-close-light:hover{background:#ffffff52!important}.np-rekor-body{padding:22px 20px 14px;text-align:center}.np-rekor-biz{font-size:20px;font-weight:900;color:var(--text);letter-spacing:.3px;margin-bottom:3px}.np-rekor-date{font-size:12px;color:var(--text3);margin-bottom:10px}.np-rekor-amount{font-size:34px;font-weight:900;color:#059669;letter-spacing:-1px;margin-bottom:10px;line-height:1.1}.np-rekor-prev{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text3);background:var(--bg);border-radius:8px;padding:6px 14px}.np-rekor-pct{font-size:11px;font-weight:700;color:#059669;background:#d1fae5;border-radius:6px;padding:2px 6px}.np-rekor-foot{padding:4px 18px 18px}.np-rekor-ok{width:100%;padding:13px 0;background:linear-gradient(135deg,#059669,#0d9488);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s;letter-spacing:.3px}.np-rekor-ok:hover{filter:brightness(1.08)}.np-ozelgun .np-card{border-top:none;overflow:hidden}.np-ozelgun-hdr{display:flex;align-items:center;gap:10px;padding:16px 18px 14px;background:linear-gradient(135deg,#c2410c,#ea580c 60%,#f97316)}.np-ozelgun-icon{font-size:24px;flex-shrink:0;line-height:1}.np-ozelgun-lbl{flex:1;min-width:0;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#ffffffbf;text-transform:uppercase;margin-bottom:1px}.np-ozelgun-name{font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-ozelgun-body{padding:16px 18px 10px}.np-ozelgun-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.np-ozelgun-chip{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px;text-align:center}.np-ozelgun-chip-lbl{font-size:10px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.np-ozelgun-chip-val{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.3px}.np-ozelgun-chip-sub{font-size:11px;font-weight:600;margin-top:2px}.np-ozelgun-trend{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:8px;margin-bottom:4px;font-size:13px;font-weight:700}.np-ozelgun-trend.trend-up{background:#dcfce7;color:#15803d}.np-ozelgun-trend.trend-down{background:#fee2e2;color:#b91c1c}.np-ozelgun-trend.trend-flat{background:var(--bg);color:var(--text2)}.np-ozelgun-foot{padding:0 18px 16px;display:flex;gap:8px}.np-ozelgun-cta{flex:1;padding:12px 0;background:linear-gradient(135deg,#c2410c,#ea580c);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s;letter-spacing:.2px}.np-ozelgun-cta:hover{filter:brightness(1.1)}.np-ozelgun-skip{padding:12px 16px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text2);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.np-ozelgun-skip:hover{background:var(--line2)}.np-chat .np-card{border-top:none;overflow:hidden}.np-chat-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;background:linear-gradient(135deg,#3730a3,#4f46e5 60%,#6366f1)}.np-chat-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#fff;letter-spacing:.2px}.np-chat-badge-count{background:#ffffff40;border-radius:99px;padding:1px 9px;font-size:12px;font-weight:700;color:#fff}.np-chat-body{padding:14px 18px 12px}.np-chat-from{font-size:15px;font-weight:800;color:var(--text);margin-bottom:2px}.np-chat-task{font-size:12px;color:var(--text3);margin-bottom:10px}.np-chat-task strong{color:var(--text2)}.np-chat-preview{background:var(--bg);border-left:3px solid #6366f1;border-radius:0 8px 8px 0;padding:8px 12px;font-size:13px;color:var(--text2);line-height:1.55;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.np-chat-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 14px;border-top:1px solid var(--line);gap:10px}.np-chat-goto{flex:1;padding:10px 0;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s;letter-spacing:.2px}.np-chat-goto:hover{filter:brightness(1.1)}.np-chat-timer{display:flex;align-items:center;gap:5px;flex-shrink:0}.np-chat .np-ring-fill{stroke:#6366f1}.nd-item--chat{border-left:3px solid #6366f1;padding-left:9px}.nd-item--chat .nd-item-title{color:#4f46e5}.nd-item--chat.nd-read .nd-item-title{color:var(--text2)}.nd-chat-from{font-size:12px;font-weight:700;color:var(--text);margin-top:2px}.nd-chat-preview{font-size:11px;color:var(--text3);font-style:italic;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.sidebar .logo{font-size:18px;font-weight:800;letter-spacing:-.5px;margin-bottom:2px}.sidebar .logo .brand-red{color:#e53935}.sidebar .logo .brand-black{color:var(--text)}.sidebar .tagline{font-size:10px;color:var(--text3);letter-spacing:.4px;margin-bottom:4px}.sidebar .side-user{font-size:12px;color:var(--text3);margin-bottom:12px}.nav{display:flex;flex-direction:column;gap:2px;flex:1;margin-top:8px}.nav button{width:100%;text-align:left;padding:9px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;display:flex;align-items:center;gap:8px}.nav button:hover{background:var(--nav-hover);color:var(--text)}.nav button.active{background:#2563eb17;border-color:#2563eb2e;color:var(--accent);font-weight:600}.topbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:18px;border-radius:var(--radius-sm);transition:background .12s,border-color .12s}.topbar-icon-btn:hover{background:var(--nav-hover);border-color:var(--line)}.topbar-icon-btn .notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 3px;font-size:9px}.topbar-taskmsg-btn{position:relative;overflow:visible;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--line);background:var(--card);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;color:var(--text2);transition:background .12s,border-color .12s,color .12s;white-space:nowrap;line-height:1}.topbar-taskmsg-btn:hover{background:var(--nav-hover);color:var(--text);border-color:#a5b4fc}.topbar-taskmsg-btn.tm-btn-active{color:#4338ca;border-color:#818cf8;background:#eef2ff}.topbar-taskmsg-btn .notif-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;font-size:10px;background:#ef4444}.tm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1099;display:none}.tm-overlay.tm-open{display:block}.tm-panel{position:fixed;z-index:1100;width:320px;max-height:420px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 32px #00000029;display:flex;flex-direction:column;opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none;transition:opacity .16s,transform .16s}.tm-panel.tm-open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.tm-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.tm-head-title{font-size:13px;font-weight:700;color:var(--text)}.tm-read-all-btn{font-size:11px;color:var(--text3);background:none;border:none;cursor:pointer;padding:0;transition:color .12s}.tm-read-all-btn:hover{color:#6366f1}.tm-list{flex:1;overflow-y:auto}.tm-empty{text-align:center;padding:32px 16px;font-size:13px;color:var(--text3)}.tm-item{display:flex;align-items:flex-start;gap:9px;padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .1s}.tm-item:last-child{border-bottom:none}.tm-item:hover{background:var(--nav-hover)}.tm-item.tm-read{opacity:.6}.tm-item.tm-read:hover{opacity:.85}.tm-dot{width:7px;height:7px;border-radius:50%;background:#6366f1;flex-shrink:0;margin-top:5px;transition:background .15s}.tm-read .tm-dot{background:var(--line)}.tm-body{flex:1;min-width:0}.tm-sender{font-size:13px;font-weight:700;color:var(--text)}.tm-task{font-size:11px;color:var(--text3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-preview{font-size:12px;color:var(--text2);font-style:italic;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-meta{font-size:10px;color:var(--text3);margin-top:4px}.tm-goto{flex-shrink:0;align-self:center;padding:4px 9px;border:1px solid var(--line);background:var(--bg);border-radius:6px;cursor:pointer;font-size:13px;color:var(--text2);transition:background .12s,color .12s,border-color .12s}.tm-goto:hover{background:#6366f1;color:#fff;border-color:#6366f1}.notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--accent3);color:#fff;border-radius:999px;font-size:10px;font-weight:700}.skeleton{background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 50%,var(--skeleton-a) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text3);font-size:13px;text-align:center}.state-box .state-icon{font-size:32px;opacity:.5}.sb-header{padding:2px 4px 14px}.sb-logo{font-size:17px;font-weight:800;letter-spacing:-.4px;line-height:1.2;padding:2px 0 4px}.sb-logo-img{max-height:40px;max-width:160px;width:auto;height:auto;display:block;object-fit:contain}.sb-logo-fallback{font-size:17px;font-weight:800;letter-spacing:-.4px}.sb-logo .brand-red{color:#e53935}.sb-logo .brand-dark{color:var(--text)}.sb-tagline{font-size:9.5px;color:var(--text3);letter-spacing:.3px;margin-top:3px;line-height:1.4}.sb-user{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;margin:4px 0 2px;background:var(--card2);border-radius:var(--radius-md);border:1px solid var(--line2)}.sb-avatar{display:none}.sb-user-name{font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:10.5px;color:var(--text3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-divider{height:1px;background:var(--line2);margin:10px 0 6px}.sb-nav{display:flex;flex-direction:column;gap:1px;flex:1;overflow-y:auto;padding:0 2px}.sb-section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text3);padding:12px 8px 5px}.sb-section-label:first-child{padding-top:2px}.sb-group-hdr{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text3);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-align:left;transition:background .12s,color .12s;margin-top:6px}.sb-group-hdr:hover{background:var(--nav-hover);color:var(--text2)}.sb-group-hdr.open{color:var(--text2)}.sb-chevron{margin-left:auto;font-size:10px;flex-shrink:0}.sb-group-children{display:flex;flex-direction:column;gap:1px;margin-bottom:2px}.sb-group-children.hidden{display:none}.sb-child-btn{padding-left:28px!important;font-size:12.5px!important}.sb-child-btn .sb-icon{width:16px}.sb-nav-btn{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s,border-color .12s,box-shadow .12s;white-space:nowrap}.sb-nav-btn:hover{background:var(--nav-hover);color:var(--text)}.sb-nav-btn.active{background:#2563eb14;border-color:#2563eb29;color:var(--accent);font-weight:700;box-shadow:inset 3px 0 0 var(--accent)}.sb-nav-btn--locked{opacity:.52}.sb-nav-btn--locked:hover{opacity:.72}.sb-lock-ico{margin-left:auto;flex-shrink:0;opacity:.7}.sb-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px}.sb-label{overflow:hidden;text-overflow:ellipsis}.sb-footer{padding-top:8px;border-top:1px solid var(--line);margin-top:8px;display:flex;flex-direction:column;gap:2px}.sb-flow-wrap{position:relative}.sb-flow-row{display:flex;align-items:center;gap:2px}.sb-flow-btn{flex:1;background:#3b5998!important;color:#fff!important;border-radius:var(--radius-sm)}.sb-flow-btn:hover{background:#2d4373!important;color:#fff!important}.sb-flow-gear{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text3);font-size:13px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sb-flow-gear:hover{background:var(--nav-hover);color:var(--text);border-color:var(--line)}.sb-flow-pop{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 13px 12px;box-shadow:0 6px 24px #00000029;z-index:300}.sb-fp-title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:9px;display:flex;align-items:center;gap:6px}.sb-fp-title:before{content:"🔗";font-size:13px}.sb-fp-lbl{display:block;font-size:11px;color:var(--text3);margin-bottom:3px;margin-top:7px}.sb-fp-inp{width:100%;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:12px;box-sizing:border-box;transition:border-color .12s}.sb-fp-inp:focus{outline:none;border-color:var(--accent)}.sb-fp-save{width:100%;margin-top:11px;padding:7px 0;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .12s}.sb-fp-save:hover{opacity:.87}body.sidebar-collapsed .sb-flow-gear,body.sidebar-collapsed .sb-flow-pop,body.sidebar-collapsed .sb-fp-title,body.sidebar-collapsed .sb-fp-lbl{display:none}body.sidebar-collapsed .sb-flow-btn{padding:9px;justify-content:center}#flow-panel{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-w, 220px);background:var(--bg);z-index:500;display:flex;flex-direction:column}body.sidebar-collapsed #flow-panel{left:52px}#flow-panel-bar{display:flex;align-items:center;gap:10px;padding:0 16px;height:48px;background:#3b5998;color:#fff;flex-shrink:0}#flow-panel-title{font-size:14px;font-weight:700;flex:1}#flow-panel-newtab{background:#ffffff2e;border:none;color:#fff;font-size:12px;padding:5px 11px;border-radius:6px;cursor:pointer;transition:background .15s}#flow-panel-newTab:hover{background:#ffffff47}#flow-panel-close{background:none;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 2px}#flow-panel iframe{flex:1;border:none;width:100%}#flow-panel-loading{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--text3);font-size:13px}#flow-panel-loading .fp-spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:#3b5998;border-radius:50%;animation:fp-spin .7s linear infinite}@keyframes fp-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){#flow-panel{left:0}}.sb-logout{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text3);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s,border-color .12s}.sb-logout:hover{background:#dc262612;color:#dc2626;border-color:#dc262624}body.sidebar-collapsed .sb-header,body.sidebar-collapsed .sb-user-info,body.sidebar-collapsed .sb-tagline,body.sidebar-collapsed .sb-divider,body.sidebar-collapsed .sb-section-label,body.sidebar-collapsed .sb-label,body.sidebar-collapsed .sb-logout-label{display:none}body.sidebar-collapsed .sb-user{justify-content:center;padding:4px 0 10px}body.sidebar-collapsed .sb-avatar{width:36px;height:36px;padding:3px;align-self:center}body.sidebar-collapsed .sb-nav-btn{padding:9px;justify-content:center;position:relative}body.sidebar-collapsed .sb-nav-btn:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;padding:5px 11px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:300;box-shadow:0 4px 12px #0000002e}body.sidebar-collapsed .sb-nav-btn:hover:after{opacity:1}body.sidebar-collapsed .sb-icon{width:auto}body.sidebar-collapsed .sb-logout{padding:9px;justify-content:center;position:relative}body.sidebar-collapsed .sb-logout:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;padding:5px 11px;border-radius:7px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:300}body.sidebar-collapsed .sb-logout:hover:after{opacity:1}.sb-powered{font-size:10px;font-style:italic;color:var(--text3);opacity:.38;text-align:center;padding:6px 0 2px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}body.sidebar-collapsed .sb-powered{display:none}.nd-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1200;justify-content:flex-end}.nd-overlay.nd-open{display:flex}.nd-panel{width:min(380px,100vw);height:100%;background:var(--card);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translate(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:-6px 0 32px #00000024;flex-shrink:0}.nd-panel.nd-open{transform:translate(0)}.nd-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.nd-title{font-size:15px;font-weight:700;color:var(--text)}.nd-close{background:transparent;border:none;cursor:pointer;font-size:16px;color:var(--text3);padding:4px 8px;border-radius:6px;line-height:1;transition:background .12s}.nd-close:hover{background:var(--nav-hover);color:var(--text)}.nd-btn-sm{font-size:11px;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text2);cursor:pointer;white-space:nowrap;transition:background .12s}.nd-btn-sm:hover{background:var(--nav-hover)}.nd-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--bg)}.nd-tab{flex:1;padding:9px 4px;font-size:12px;font-weight:600;border:none;background:transparent;cursor:pointer;color:var(--text3);border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:5px}.nd-tab:hover{color:var(--text);background:var(--nav-hover)}.nd-tab.nd-tab-active{color:var(--accent);border-bottom-color:var(--accent)}.nd-tab-cnt{font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;background:#ef4444;color:#fff;line-height:1.4;display:none}.nd-tab-cnt.nd-cnt-show{display:inline-block}.nd-list{flex:1;overflow-y:auto;padding:8px 0}.nd-loading,.nd-empty{text-align:center;padding:48px 20px;color:var(--text3);font-size:13px}.nd-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--line2);transition:background .1s;background:#3b82f60a}.nd-item:hover{background:var(--nav-hover)}.nd-item.nd-read{background:transparent;cursor:default}.nd-item.nd-read:hover{background:var(--nav-hover)}.nd-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.nd-body{flex:1;min-width:0}.nd-item-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}.nd-read .nd-item-title{font-weight:500;color:var(--text2)}.nd-item-msg{font-size:12px;color:var(--text2);margin-top:3px;line-height:1.45}.nd-item-meta{display:flex;gap:8px;align-items:center;margin-top:5px;flex-wrap:wrap}.nd-tag{font-size:10px;padding:1px 7px;border-radius:99px;font-weight:600}.nd-time{font-size:10px;color:var(--text3)}.plvl-legend{display:flex;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--text2);align-items:center}.plvl-legend strong{font-size:11px;font-weight:700;color:var(--text);margin-right:4px}.plvl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:4px}.plvl-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 620px){.plvl-grid{grid-template-columns:1fr}}.plvl-card{border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}.plvl-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg)}.plvl-card-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--text)}.plvl-card-ico{font-size:14px}.plvl-btns{display:flex;gap:4px}.plvl-btn{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;border:1px solid transparent;cursor:pointer;background:var(--bg);color:var(--text3);border-color:var(--line);transition:all .12s;white-space:nowrap}.plvl-btn:hover{border-color:var(--accent);color:var(--text)}.plvl-btn.plvl-active{color:#fff!important;border-color:transparent!important}.plvl-body{padding:10px 12px}.plvl-access,.plvl-write{margin-bottom:8px}.plvl-section-lbl{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.plvl-chks{display:flex;flex-wrap:wrap;gap:4px 10px}.plvl-chk{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2);cursor:pointer}.plvl-chk input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.plvl-chk-w{color:var(--text)}.plvl-divider{height:1px;background:var(--line);margin:8px 0}#bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--surface-bottom-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -2px 12px #02061712,0 -1px 0 var(--line2);z-index:150;padding-bottom:env(safe-area-inset-bottom,0px)}.bn-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;cursor:pointer;padding:6px 0;color:var(--text3);position:relative;transition:color .15s;-webkit-tap-highlight-color:transparent}.bn-btn:active{opacity:.75}.bn-btn.active{color:var(--accent)}.bn-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--accent);box-shadow:0 0 8px #2563eb66}.bn-btn.bn-menu{color:var(--text2)}.bn-icon{display:flex;align-items:center;justify-content:center}.bn-label{font-size:10px;font-weight:600;letter-spacing:.2px}#mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:190;transition:opacity .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#mobile-backdrop.visible{display:block}@media (max-width: 900px){html,body{overflow-x:hidden;max-width:100%}#bottom-nav{display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;transform:translate(-100%);transition:transform .22s ease;box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:6px 0 32px #00000024}.page-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));padding-left:12px;padding-right:12px;padding-top:12px;overflow-x:hidden}#topbar-menu-btn{display:none}.card{border-radius:var(--radius-md)}}@media (max-width: 900px){.page-content table,.table-scroll table,.card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 900px){.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.pill-row{flex-wrap:wrap;gap:4px}input,select,textarea{font-size:16px!important}}.ta-r{text-align:right}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.cols-4,.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}.card-title{font-size:14px;font-weight:700;color:var(--text)}.card-sub{font-size:12px;margin-top:2px;color:var(--text3)}.metric-val{font-size:26px;font-weight:800;color:var(--text);line-height:1.15;letter-spacing:-.5px}.metric-sub{font-size:12px;color:var(--text3);margin-top:3px}.accent-blue{color:#1d4ed8}.accent-teal{color:#0f766e}.accent-green{color:#16a34a}.accent-red{color:#dc2626}.accent-orange,.warning{color:#ea580c}