@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-outline-style:solid;--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}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{color:#1a1d2e;-webkit-font-smoothing:antialiased;background:#f1f3f9;font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}:root{--blue:#3b5bdb;--blue-dark:#1e3a8a;--blue-mid:#4c6ef5;--blue-light:#e8ecfd;--blue-pale:#f0f3ff;--indigo:#4338ca;--violet:#7c3aed;--green:#0d9488;--green-light:#e6faf8;--orange:#ea580c;--orange-light:#fff3ec;--red:#dc2626;--red-light:#fef2f2;--yellow:#ca8a04;--yellow-light:#fefce8;--purple:#7c3aed;--purple-light:#f5f3ff;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--sb-bg-top:#0c1445;--sb-bg-bot:#1e3a8a;--sb-text:#ffffff8c;--sb-text-act:#fff;--sb-hover:#ffffff14;--sb-active:#ffffff24;--sb-border:#ffffff14;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--border-focus:#3b5bdb;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 32px #0000001a, 0 4px 8px #0000000d;--shadow-xl:0 24px 56px #00000024, 0 8px 16px #0000000f;--shadow-blue:0 4px 16px #3b5bdb47;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--sidebar-w:248px;--topbar-h:58px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar""sidebar content";height:100vh;display:grid;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;min-height:100vh;display:flex;overflow:hidden}.sidebar{background:linear-gradient(175deg, var(--sb-bg-top) 0%, #122060 30%, #1a2e80 60%, var(--sb-bg-bot) 100%);z-index:20;flex-direction:column;grid-area:sidebar;display:flex;position:relative;overflow:hidden auto}.sidebar:before{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.sidebar__brand{border-bottom:1px solid var(--sb-border);flex-shrink:0;padding:20px 18px 16px}.sidebar__logo{letter-spacing:-.3px;color:#fff;align-items:center;gap:2px;width:85%;font-size:17px;font-weight:700;display:flex}.sidebar__logo em{color:#7aa2f7;font-style:normal;font-weight:600}.sidebar__sub{color:#ffffff47;letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:10px}.sidebar__nav{flex:1;padding:10px;list-style:none}.sidebar__section{letter-spacing:.14em;text-transform:uppercase;color:#fff3;padding:14px 8px 4px;font-size:9.5px;font-weight:700}.sidebar__divider{background:var(--sb-border);height:1px;margin:5px 8px}.sidebar__link{color:var(--sb-text);border-radius:8px;align-items:center;gap:10px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.sidebar__link:hover{background:var(--sb-hover);color:#ffffffd9}.sidebar__link.is-active{background:var(--sb-active);color:var(--sb-text-act);font-weight:600}.sidebar__link.is-active:before{content:"";background:#7aa2f7;border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar__icon{text-align:center;opacity:.7;flex-shrink:0;width:17px;font-size:13px}.sidebar__link.is-active .sidebar__icon{opacity:1}.sidebar__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar__badge{color:#fff;background:#ef4444d9;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.sidebar__badge--gray{color:#ffffff80;background:#ffffff1f}.sidebar__user{border-top:1px solid var(--sb-border);cursor:pointer;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;transition:background .12s;display:flex}.sidebar__user:hover{background:var(--sb-hover)}.sidebar__user-name{color:#ffffffe0;font-size:12.5px;font-weight:600}.sidebar__user-role{color:#ffffff4d;margin-top:1px;font-size:10.5px}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.avatar--xl{width:52px;height:52px;font-size:16px}.avatar--lg{width:40px;height:40px;font-size:13px}.avatar--md{width:32px;height:32px;font-size:11px}.avatar--sm{width:26px;height:26px;font-size:9.5px}.avatar--xs{width:22px;height:22px;font-size:8.5px}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-6px}.avatar-stack .avatar:first-child{margin-left:0}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:10;box-shadow:var(--shadow-xs);grid-area:topbar;align-items:center;gap:10px;padding:0 24px;display:flex}.topbar__breadcrumb{color:var(--gray-400);align-items:center;gap:6px;font-size:12.5px;list-style:none;display:flex}.topbar__breadcrumb a{color:var(--gray-400);transition:color .12s}.topbar__breadcrumb a:hover{color:var(--blue)}.topbar__breadcrumb li:last-child{color:var(--gray-800);font-size:15px;font-weight:700}.topbar__breadcrumb .sep{color:var(--gray-300);font-size:11px}.topbar__right{align-items:center;gap:6px;margin-left:auto;display:flex}.topbar__btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--gray-400);justify-content:center;align-items:center;font-size:13.5px;transition:all .12s;display:flex;position:relative}.topbar__btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-pale)}.topbar__notif-dot{border:1.5px solid var(--surface);background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.topbar__divider{background:var(--border);width:1px;height:20px;margin:0 2px}.topbar__user-btn{background:linear-gradient(135deg, var(--blue), var(--violet));color:#fff;border:2px solid var(--blue-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;transition:box-shadow .12s;display:flex}.topbar__user-btn:hover{box-shadow:var(--shadow-blue)}.content{background:#f1f3f9;grid-area:content;padding:24px 28px;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header h1{color:var(--gray-900);letter-spacing:-.3px;font-size:20px;font-weight:700;line-height:1.2}.page-header__sub{color:var(--gray-400);margin-top:3px;font-size:12.5px}.page-header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;color:inherit;align-items:flex-start;gap:14px;padding:18px 20px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;display:flex}.stat-card__value{letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1}.stat-card__label{color:var(--gray-400);margin-top:4px;font-size:12px;font-weight:500}.stat-card__trend{align-items:center;gap:4px;margin-top:8px;font-size:11.5px;font-weight:600;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card__title{color:var(--gray-800);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.card__title i{color:var(--gray-400);font-size:12px}.card__body{padding:16px 18px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:auto visible}table{border-collapse:collapse;width:100%}thead tr{background:var(--gray-50)}th{text-align:left;color:var(--gray-400);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover td{background:var(--gray-50)}.td-primary{color:var(--gray-900);font-weight:600}.td-meta{color:var(--gray-400);margin-top:2px;font-size:11.5px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.badge i{font-size:8px}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.btn{border-radius:var(--radius-sm);white-space:nowrap;letter-spacing:-.1px;border:none;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn i{font-size:12px}.btn--primary{background:var(--blue);color:#fff;box-shadow:0 1px 4px #3b5bdb4d}.btn--primary:hover{background:var(--indigo);transform:translateY(-1px);box-shadow:0 3px 10px #3b5bdb66}.btn--secondary{background:var(--surface);color:var(--gray-700);border:1px solid var(--border)}.btn--secondary:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-pale)}.btn--ghost{color:var(--gray-400);background:0 0;border:1px solid #0000}.btn--ghost:hover{background:var(--gray-100);color:var(--gray-700);border-color:var(--border)}.btn--danger{background:var(--red-light);color:var(--red);border:1px solid #fecaca}.btn--danger:hover{background:#fee2e2}.btn--sm{border-radius:6px;height:28px;padding:0 10px;font-size:12px}.btn--lg{height:40px;padding:0 20px;font-size:14px}.btn--icon{border-radius:6px;width:30px;height:30px;padding:0}.form-field{margin-bottom:14px}.form-label{color:var(--gray-600);letter-spacing:.01em;margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--gray-800);background:var(--surface);outline:none;padding:0 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b5bdb1a}.form-input::placeholder{color:var(--gray-300)}textarea.form-input{resize:vertical;height:auto;min-height:76px;padding:9px 11px;line-height:1.5}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%2394a3b8' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.form-input-icon{position:relative}.form-input-icon .icon{color:var(--gray-300);pointer-events:none;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.form-input-icon .form-input{padding-left:30px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.progress{align-items:center;gap:8px;display:flex}.progress__track{background:var(--gray-200);border-radius:3px;flex:1;height:5px;overflow:hidden}.progress__fill{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress__label{color:var(--gray-400);text-align:right;min-width:32px;font-size:11.5px;font-weight:700}.alert{border-radius:var(--radius);align-items:flex-start;gap:10px;margin-bottom:10px;padding:11px 14px;font-size:13px;display:flex}.alert i{flex-shrink:0;margin-top:1px;font-size:13px}.alert--danger{background:var(--red-light);color:var(--red);border:1px solid #fecaca}.alert--warning{background:var(--orange-light);color:var(--orange);border:1px solid #fed7aa}.alert--info{background:var(--blue-light);color:var(--blue);border:1px solid #c7d7fd}.alert--success{background:var(--green-light);color:var(--green);border:1px solid #99f6e4}.alert a{font-weight:700;text-decoration:underline}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:18px;display:flex}.tab{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .12s;display:flex}.tab i{font-size:12px}.tab:hover{color:var(--gray-700)}.tab.is-active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filters .form-input{width:auto;height:34px}.search-wrap{flex:1;min-width:200px;position:relative}.search-wrap .search-icon{color:var(--gray-300);font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-wrap .form-input{padding-left:30px}.cols-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cols-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.info-row{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.info-row__label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10.5px;font-weight:700}.info-row__value{color:var(--gray-800);font-size:13.5px;font-weight:500}.section-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:16px 0 8px;font-size:10.5px;font-weight:700;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:var(--gray-200);border-radius:11px;flex-shrink:0;width:38px;height:21px;transition:background .15s;position:relative}.toggle__thumb{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle__track{background:var(--blue)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(17px)}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#11182780;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;background:#fff;width:90%;max-width:420px;padding:32px;animation:.2s scaleIn}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:1.75rem;display:flex}.confirm-title{color:var(--gray-900);margin:0 0 8px;font-size:1.15rem;font-weight:600}.confirm-message{color:var(--gray-500);margin:0 0 24px;font-size:.95rem;line-height:1.5}.confirm-actions{justify-content:center;gap:12px;display:flex}.btn-secondary{border-radius:var(--radius);border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;background:#fff;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500}.btn-secondary:hover{background:var(--gray-50)}.btn-confirm{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-confirm:hover{filter:brightness(.9)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--gray-900);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);cursor:pointer;border-left:3px solid var(--blue);align-items:center;gap:9px;max-width:300px;padding:11px 16px;font-size:13px;font-weight:500;animation:.22s cubic-bezier(.34,1.4,.64,1) toast-in;display:flex}.toast--success{border-left-color:var(--green)}.toast--error{border-left-color:var(--red)}.toast--warning{border-left-color:var(--orange)}.toast i{flex-shrink:0;font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:.15s fade-in}.login-page{background:var(--gray-900);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-page__left{background:linear-gradient(145deg,#0c1445 0%,#122060 40%,#1e3a8a 100%);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-page__left:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b5bdb33 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-100px;right:-100px}.login-page__left:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed26 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;left:-80px}.login-branding{z-index:1;text-align:center;position:relative}.login-branding__logo{color:#fff;letter-spacing:-.5px;margin-bottom:10px;font-size:36px;font-weight:700}.login-branding__logo em{color:#7aa2f7;font-style:normal}.login-branding__tagline{color:#ffffff73;max-width:280px;margin:0 auto 40px;font-size:15px;line-height:1.6}.login-branding__features{text-align:left;list-style:none;display:inline-block}.login-branding__features li{color:#fff9;align-items:center;gap:10px;margin-bottom:12px;font-size:13.5px;display:flex}.login-branding__features li i{color:#7aa2f7;background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.login-page__right{background:#f8fafc;justify-content:center;align-items:center;padding:48px;display:flex}.login-form-wrap{width:100%;max-width:360px}.login-form-wrap h2{color:var(--gray-900);letter-spacing:-.4px;margin-bottom:6px;font-size:24px;font-weight:700}.login-form-wrap p{color:var(--gray-400);margin-bottom:28px;font-size:13.5px}.login-forgot{color:var(--blue);float:right;margin-top:-4px;font-size:12.5px}.login-forgot:hover{text-decoration:underline}.login-submit{justify-content:center;width:100%;height:42px;margin-top:4px;font-size:14px}.detail-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:18px;margin-bottom:20px;padding:20px 24px;display:flex}.detail-hero__meta{flex:1;min-width:0}.detail-hero__name{letter-spacing:-.4px;font-size:20px;font-weight:700}.detail-hero__sub{color:var(--gray-400);margin-top:3px;font-size:13px}.detail-hero__tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.detail-hero__actions{flex-shrink:0;gap:8px;display:flex}.kanban{align-items:flex-start;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-col{background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;width:265px}.kanban-col__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 14px 9px;display:flex}.kanban-col__title{color:var(--gray-600);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:flex}.kanban-col__count{background:var(--gray-200);color:var(--gray-500);border-radius:9px;padding:1px 6px;font-size:10px;font-weight:700}.kanban-col__body{flex-direction:column;gap:7px;min-height:60px;padding:8px;display:flex}.kcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;box-shadow:var(--shadow-xs);padding:11px 12px;transition:all .15s}.kcard:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kcard.is-dragging{opacity:.4;transform:rotate(1.5deg)scale(1.02)}.kcard__title{color:var(--gray-900);margin-bottom:9px;font-size:13px;font-weight:600;line-height:1.4}.kcard__footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kcard__proj{color:var(--gray-400);flex:1;font-size:11px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.cols-2{grid-template-columns:1fr}}.project-description{background:var(--white,#fff);border:1px solid var(--gray-200);border-radius:var(--radius);width:100%;max-width:100%;margin-bottom:16px;padding:16px 20px}.project-description h5{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin:0 0 6px;font-size:.7rem;font-weight:600}.project-description p{color:var(--gray-700);margin:0;font-size:.95rem;line-height:1.6}.stats-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.stats-tabs{border-bottom:2px solid var(--gray-200);gap:0;margin-bottom:24px;display:flex}.stats-tab{color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .15s}.stats-tab:hover{color:var(--blue)}.stats-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.stats-period-info{color:var(--gray-500);border-bottom:1px solid var(--gray-200);margin-bottom:28px;padding:8px 0 20px;font-size:.85rem}.stats-kpi-strip{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stats-kpi-card{background:var(--white,#fff);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px 24px}.stats-kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:8px;font-size:.7rem;font-weight:600}.stats-kpi-card .kpi-value{margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1}.stats-kpi-card .kpi-sub{color:var(--gray-500);font-size:.82rem}.stats-section{background:var(--white,#fff);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.stats-section-title{color:var(--gray-700);align-items:center;gap:8px;margin:0 0 20px;font-size:.95rem;font-weight:600;display:flex}.stats-bar-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.stats-bar-label{width:160px;color:var(--gray-700);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:.875rem;overflow:hidden}.stats-bar-track{background:var(--gray-100);border-radius:99px;flex:1;height:10px;overflow:hidden}.stats-bar-fill{border-radius:99px;height:100%;transition:width .3s}.stats-bar-value{text-align:right;width:48px;color:var(--gray-700);flex-shrink:0;font-size:.875rem;font-weight:600}.stats-date-range{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white,#fff);align-items:center;gap:8px;padding:6px 12px;display:flex}.stats-date-range input[type=date]{color:var(--gray-700);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.875rem}.stats-date-range .separator{color:var(--gray-400);font-size:.875rem}.stats-type-filter{border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-700);background:var(--white,#fff);cursor:pointer;outline:none;padding:7px 12px;font-family:inherit;font-size:.875rem}.stats-summary-table{border-collapse:collapse;width:100%}.stats-summary-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);text-align:left;border-bottom:1px solid var(--gray-200);padding:8px 12px;font-size:.7rem;font-weight:600}.stats-summary-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);padding:12px;font-size:.875rem}.stats-summary-table tr:last-child td{color:var(--gray-900);border-bottom:none;border-top:2px solid var(--gray-200);font-weight:600}.stats-legend{border-top:1px solid var(--gray-200);gap:16px;margin-top:16px;padding-top:14px;display:flex}.stats-legend-item{color:var(--gray-500);align-items:center;gap:6px;font-size:.8rem;display:flex}.stats-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.live-timer{background:linear-gradient(135deg, var(--blue-dark), var(--blue));border-radius:var(--radius-lg);align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 8px 28px #3b5bdb59}.live-timer .timer-display{color:#fff;letter-spacing:.05em;flex-shrink:0;min-width:120px;font-family:DM Mono,monospace;font-size:2rem;font-weight:600}.live-timer .timer-label{text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:4px;font-size:.65rem;font-weight:600}.live-timer select,.live-timer .timer-select{color:#fff!important;border-radius:var(--radius)!important;cursor:pointer!important;background:#ffffff26!important;border:1px solid #ffffff40!important;outline:none!important;width:100%!important;padding:8px 12px!important;font-family:inherit!important;font-size:.875rem!important}.live-timer select option{background:var(--blue-dark)!important;color:#fff!important}.live-timer select::placeholder,.live-timer input::placeholder{color:#ffffff80!important}.live-timer .timer-controls{flex-shrink:0;gap:8px;display:flex}.live-timer .timer-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .15s;display:flex}.live-timer .timer-btn-play{color:var(--blue-dark);background:#fff}.live-timer .timer-btn-play:hover{background:var(--blue-pale)}.live-timer .timer-btn-stop{color:#fff;background:#ffffff26;border:1px solid #ffffff40!important}.live-timer .timer-btn-stop:hover{background:#ffffff40}.live-timer .timer-selects{flex-direction:column;flex:1;gap:8px;display:flex}.stats-task-subtitle{color:var(--gray-400);margin-top:2px;font-size:.8rem}.stats-stacked-bar{border-radius:99px;width:100%;height:4px;margin-top:4px;display:flex;overflow:hidden}.stats-stacked-bar span{height:100%;transition:width .3s}.stats-hours-billable{color:var(--green);font-weight:500}.stats-hours-support{color:var(--blue);font-weight:500}.stats-hours-internal{color:var(--teal);font-weight:500}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-shrink{flex-shrink:1}.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}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.cross-entity-link{color:inherit;cursor:pointer;text-decoration:none;transition:color .12s}.cross-entity-link:hover{color:var(--blue);text-underline-offset:2px;text-decoration:underline}.cross-entity-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{color:#1a1d2e;-webkit-font-smoothing:antialiased;background:#f1f3f9;font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}:root{--blue:#3b5bdb;--blue-dark:#1e3a8a;--blue-mid:#4c6ef5;--blue-light:#e8ecfd;--blue-pale:#f0f3ff;--indigo:#4338ca;--violet:#7c3aed;--green:#0d9488;--green-light:#e6faf8;--orange:#ea580c;--orange-light:#fff3ec;--red:#dc2626;--red-light:#fef2f2;--yellow:#ca8a04;--yellow-light:#fefce8;--purple:#7c3aed;--purple-light:#f5f3ff;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--sb-bg-top:#0c1445;--sb-bg-bot:#1e3a8a;--sb-text:#ffffff8c;--sb-text-act:#fff;--sb-hover:#ffffff14;--sb-active:#ffffff24;--sb-border:#ffffff14;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--border-focus:#3b5bdb;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 32px #0000001a, 0 4px 8px #0000000d;--shadow-xl:0 24px 56px #00000024, 0 8px 16px #0000000f;--shadow-blue:0 4px 16px #3b5bdb47;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--sidebar-w:248px;--topbar-h:58px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar""sidebar content";height:100vh;display:grid;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;min-height:100vh;display:flex;overflow:hidden}.sidebar{background:linear-gradient(175deg, var(--sb-bg-top) 0%, #122060 30%, #1a2e80 60%, var(--sb-bg-bot) 100%);z-index:20;flex-direction:column;grid-area:sidebar;display:flex;position:relative;overflow:hidden auto}.sidebar:before{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.sidebar__brand{border-bottom:1px solid var(--sb-border);flex-shrink:0;padding:20px 18px 16px}.sidebar__logo{letter-spacing:-.3px;color:#fff;align-items:center;gap:2px;width:85%;font-size:17px;font-weight:700;display:flex}.sidebar__logo em{color:#7aa2f7;font-style:normal;font-weight:600}.sidebar__sub{color:#ffffff47;letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:10px}.sidebar__nav{flex:1;padding:10px;list-style:none}.sidebar__section{letter-spacing:.14em;text-transform:uppercase;color:#fff3;padding:14px 8px 4px;font-size:9.5px;font-weight:700}.sidebar__divider{background:var(--sb-border);height:1px;margin:5px 8px}.sidebar__link{color:var(--sb-text);border-radius:8px;align-items:center;gap:10px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.sidebar__link:hover{background:var(--sb-hover);color:#ffffffd9}.sidebar__link.is-active{background:var(--sb-active);color:var(--sb-text-act);font-weight:600}.sidebar__link.is-active:before{content:"";background:#7aa2f7;border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar__icon{text-align:center;opacity:.7;flex-shrink:0;width:17px;font-size:13px}.sidebar__link.is-active .sidebar__icon{opacity:1}.sidebar__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar__badge{color:#fff;background:#ef4444d9;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.sidebar__badge--gray{color:#ffffff80;background:#ffffff1f}.sidebar__user{border-top:1px solid var(--sb-border);cursor:pointer;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;transition:background .12s;display:flex}.sidebar__user:hover{background:var(--sb-hover)}.sidebar__user-name{color:#ffffffe0;font-size:12.5px;font-weight:600}.sidebar__user-role{color:#ffffff4d;margin-top:1px;font-size:10.5px}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.avatar--xl{width:52px;height:52px;font-size:16px}.avatar--lg{width:40px;height:40px;font-size:13px}.avatar--md{width:32px;height:32px;font-size:11px}.avatar--sm{width:26px;height:26px;font-size:9.5px}.avatar--xs{width:22px;height:22px;font-size:8.5px}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-6px}.avatar-stack .avatar:first-child{margin-left:0}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:10;box-shadow:var(--shadow-xs);grid-area:topbar;align-items:center;gap:10px;padding:0 24px;display:flex}.topbar__breadcrumb{color:var(--gray-400);align-items:center;gap:6px;font-size:12.5px;list-style:none;display:flex}.topbar__breadcrumb a{color:var(--gray-400);transition:color .12s}.topbar__breadcrumb a:hover{color:var(--blue)}.topbar__breadcrumb li:last-child{color:var(--gray-800);font-size:15px;font-weight:700}.topbar__breadcrumb .sep{color:var(--gray-300);font-size:11px}.topbar__right{align-items:center;gap:6px;margin-left:auto;display:flex}.topbar__btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--gray-400);justify-content:center;align-items:center;font-size:13.5px;transition:all .12s;display:flex;position:relative}.topbar__btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-pale)}.topbar__notif-dot{border:1.5px solid var(--surface);background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.topbar__divider{background:var(--border);width:1px;height:20px;margin:0 2px}.topbar__user-btn{background:linear-gradient(135deg, var(--blue), var(--violet));color:#fff;border:2px solid var(--blue-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;transition:box-shadow .12s;display:flex}.topbar__user-btn:hover{box-shadow:var(--shadow-blue)}.content{background:#f1f3f9;grid-area:content;padding:24px 28px;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header h1{color:var(--gray-900);letter-spacing:-.3px;font-size:20px;font-weight:700;line-height:1.2}.page-header__sub{color:var(--gray-400);margin-top:3px;font-size:12.5px}.page-header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;color:inherit;align-items:flex-start;gap:14px;padding:18px 20px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;display:flex}.stat-card__value{letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1}.stat-card__label{color:var(--gray-400);margin-top:4px;font-size:12px;font-weight:500}.stat-card__trend{align-items:center;gap:4px;margin-top:8px;font-size:11.5px;font-weight:600;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card__title{color:var(--gray-800);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.card__title i{color:var(--gray-400);font-size:12px}.card__body{padding:16px 18px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:auto visible}table{border-collapse:collapse;width:100%}thead tr{background:var(--gray-50)}th{text-align:left;color:var(--gray-400);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover td{background:var(--gray-50)}.td-primary{color:var(--gray-900);font-weight:600}.td-meta{color:var(--gray-400);margin-top:2px;font-size:11.5px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.badge i{font-size:8px}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.btn{border-radius:var(--radius-sm);white-space:nowrap;letter-spacing:-.1px;border:none;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn i{font-size:12px}.btn--primary{background:var(--blue);color:#fff;box-shadow:0 1px 4px #3b5bdb4d}.btn--primary:hover{background:var(--indigo);transform:translateY(-1px);box-shadow:0 3px 10px #3b5bdb66}.btn--secondary{background:var(--surface);color:var(--gray-700);border:1px solid var(--border)}.btn--secondary:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-pale)}.btn--ghost{color:var(--gray-400);background:0 0;border:1px solid #0000}.btn--ghost:hover{background:var(--gray-100);color:var(--gray-700);border-color:var(--border)}.btn--danger{background:var(--red-light);color:var(--red);border:1px solid #fecaca}.btn--danger:hover{background:#fee2e2}.btn--sm{border-radius:6px;height:28px;padding:0 10px;font-size:12px}.btn--lg{height:40px;padding:0 20px;font-size:14px}.btn--icon{border-radius:6px;width:30px;height:30px;padding:0}.form-field{margin-bottom:14px}.form-label{color:var(--gray-600);letter-spacing:.01em;margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--gray-800);background:var(--surface);outline:none;padding:0 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b5bdb1a}.form-input::placeholder{color:var(--gray-300)}textarea.form-input{resize:vertical;height:auto;min-height:76px;padding:9px 11px;line-height:1.5}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%2394a3b8' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.form-input-icon{position:relative}.form-input-icon .icon{color:var(--gray-300);pointer-events:none;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.form-input-icon .form-input{padding-left:30px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.progress{align-items:center;gap:8px;display:flex}.progress__track{background:var(--gray-200);border-radius:3px;flex:1;height:5px;overflow:hidden}.progress__fill{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress__label{color:var(--gray-400);text-align:right;min-width:32px;font-size:11.5px;font-weight:700}.alert{border-radius:var(--radius);align-items:flex-start;gap:10px;margin-bottom:10px;padding:11px 14px;font-size:13px;display:flex}.alert i{flex-shrink:0;margin-top:1px;font-size:13px}.alert--danger{background:var(--red-light);color:var(--red);border:1px solid #fecaca}.alert--warning{background:var(--orange-light);color:var(--orange);border:1px solid #fed7aa}.alert--info{background:var(--blue-light);color:var(--blue);border:1px solid #c7d7fd}.alert--success{background:var(--green-light);color:var(--green);border:1px solid #99f6e4}.alert a{font-weight:700;text-decoration:underline}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:18px;display:flex}.tab{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .12s;display:flex}.tab i{font-size:12px}.tab:hover{color:var(--gray-700)}.tab.is-active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filters .form-input{width:auto;height:34px}.search-wrap{flex:1;min-width:200px;position:relative}.search-wrap .search-icon{color:var(--gray-300);font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-wrap .form-input{padding-left:30px}.cols-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cols-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.info-row{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.info-row__label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10.5px;font-weight:700}.info-row__value{color:var(--gray-800);font-size:13.5px;font-weight:500}.section-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:16px 0 8px;font-size:10.5px;font-weight:700;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:var(--gray-200);border-radius:11px;flex-shrink:0;width:38px;height:21px;transition:background .15s;position:relative}.toggle__thumb{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle__track{background:var(--blue)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(17px)}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#11182780;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;background:#fff;width:90%;max-width:420px;padding:32px;animation:.2s scaleIn}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:1.75rem;display:flex}.confirm-title{color:var(--gray-900);margin:0 0 8px;font-size:1.15rem;font-weight:600}.confirm-message{color:var(--gray-500);margin:0 0 24px;font-size:.95rem;line-height:1.5}.confirm-actions{justify-content:center;gap:12px;display:flex}.btn-secondary{border-radius:var(--radius);border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;background:#fff;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500}.btn-secondary:hover{background:var(--gray-50)}.btn-confirm{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-confirm:hover{filter:brightness(.9)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--gray-900);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);cursor:pointer;border-left:3px solid var(--blue);align-items:center;gap:9px;max-width:300px;padding:11px 16px;font-size:13px;font-weight:500;animation:.22s cubic-bezier(.34,1.4,.64,1) toast-in;display:flex}.toast--success{border-left-color:var(--green)}.toast--error{border-left-color:var(--red)}.toast--warning{border-left-color:var(--orange)}.toast i{flex-shrink:0;font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:.15s fade-in}.login-page{background:var(--gray-900);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-page__left{background:linear-gradient(145deg,#0c1445 0%,#122060 40%,#1e3a8a 100%);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-page__left:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b5bdb33 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-100px;right:-100px}.login-page__left:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed26 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;left:-80px}.login-branding{z-index:1;text-align:center;position:relative}.login-branding__logo{color:#fff;letter-spacing:-.5px;margin-bottom:10px;font-size:36px;font-weight:700}.login-branding__logo em{color:#7aa2f7;font-style:normal}.login-branding__tagline{color:#ffffff73;max-width:280px;margin:0 auto 40px;font-size:15px;line-height:1.6}.login-branding__features{text-align:left;list-style:none;display:inline-block}.login-branding__features li{color:#fff9;align-items:center;gap:10px;margin-bottom:12px;font-size:13.5px;display:flex}.login-branding__features li i{color:#7aa2f7;background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.login-page__right{background:#f8fafc;justify-content:center;align-items:center;padding:48px;display:flex}.login-form-wrap{width:100%;max-width:360px}.login-form-wrap h2{color:var(--gray-900);letter-spacing:-.4px;margin-bottom:6px;font-size:24px;font-weight:700}.login-form-wrap p{color:var(--gray-400);margin-bottom:28px;font-size:13.5px}.login-forgot{color:var(--blue);float:right;margin-top:-4px;font-size:12.5px}.login-forgot:hover{text-decoration:underline}.login-submit{justify-content:center;width:100%;height:42px;margin-top:4px;font-size:14px}.detail-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:18px;margin-bottom:20px;padding:20px 24px;display:flex}.detail-hero__meta{flex:1;min-width:0}.detail-hero__name{letter-spacing:-.4px;font-size:20px;font-weight:700}.detail-hero__sub{color:var(--gray-400);margin-top:3px;font-size:13px}.detail-hero__tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.detail-hero__actions{flex-shrink:0;gap:8px;display:flex}.kanban{align-items:flex-start;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-col{background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;width:265px}.kanban-col__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 14px 9px;display:flex}.kanban-col__title{color:var(--gray-600);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:flex}.kanban-col__count{background:var(--gray-200);color:var(--gray-500);border-radius:9px;padding:1px 6px;font-size:10px;font-weight:700}.kanban-col__body{flex-direction:column;gap:7px;min-height:60px;padding:8px;display:flex}.kcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;box-shadow:var(--shadow-xs);padding:11px 12px;transition:all .15s}.kcard:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kcard.is-dragging{opacity:.4;transform:rotate(1.5deg)scale(1.02)}.kcard__title{color:var(--gray-900);margin-bottom:9px;font-size:13px;font-weight:600;line-height:1.4}.kcard__footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kcard__proj{color:var(--gray-400);flex:1;font-size:11px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.cols-2{grid-template-columns:1fr}}.project-description{background:var(--white,#fff);border:1px solid var(--gray-200);border-radius:var(--radius);width:100%;max-width:100%;margin-bottom:16px;padding:16px 20px}.project-description h5{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin:0 0 6px;font-size:.7rem;font-weight:600}.project-description p{color:var(--gray-700);margin:0;font-size:.95rem;line-height:1.6}.stats-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.stats-tabs{border-bottom:2px solid var(--gray-200);gap:0;margin-bottom:24px;display:flex}.stats-tab{color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .15s}.stats-tab:hover{color:var(--blue)}.stats-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.stats-period-info{color:var(--gray-500);border-bottom:1px solid var(--gray-200);margin-bottom:28px;padding:8px 0 20px;font-size:.85rem}.stats-kpi-strip{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stats-kpi-card{background:var(--white,#fff);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px 24px}.stats-kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:8px;font-size:.7rem;font-weight:600}.stats-kpi-card .kpi-value{margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1}.stats-kpi-card .kpi-sub{color:var(--gray-500);font-size:.82rem}.stats-section{background:var(--white,#fff);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.stats-section-title{color:var(--gray-700);align-items:center;gap:8px;margin:0 0 20px;font-size:.95rem;font-weight:600;display:flex}.stats-bar-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.stats-bar-label{width:160px;color:var(--gray-700);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:.875rem;overflow:hidden}.stats-bar-track{background:var(--gray-100);border-radius:99px;flex:1;height:10px;overflow:hidden}.stats-bar-fill{border-radius:99px;height:100%;transition:width .3s}.stats-bar-value{text-align:right;width:48px;color:var(--gray-700);flex-shrink:0;font-size:.875rem;font-weight:600}.stats-date-range{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white,#fff);align-items:center;gap:8px;padding:6px 12px;display:flex}.stats-date-range input[type=date]{color:var(--gray-700);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.875rem}.stats-date-range .separator{color:var(--gray-400);font-size:.875rem}.stats-type-filter{border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-700);background:var(--white,#fff);cursor:pointer;outline:none;padding:7px 12px;font-family:inherit;font-size:.875rem}.stats-summary-table{border-collapse:collapse;width:100%}.stats-summary-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);text-align:left;border-bottom:1px solid var(--gray-200);padding:8px 12px;font-size:.7rem;font-weight:600}.stats-summary-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);padding:12px;font-size:.875rem}.stats-summary-table tr:last-child td{color:var(--gray-900);border-bottom:none;border-top:2px solid var(--gray-200);font-weight:600}.stats-legend{border-top:1px solid var(--gray-200);gap:16px;margin-top:16px;padding-top:14px;display:flex}.stats-legend-item{color:var(--gray-500);align-items:center;gap:6px;font-size:.8rem;display:flex}.stats-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.live-timer{background:linear-gradient(135deg, var(--blue-dark), var(--blue));border-radius:var(--radius-lg);align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 8px 28px #3b5bdb59}.live-timer .timer-display{color:#fff;letter-spacing:.05em;flex-shrink:0;min-width:120px;font-family:DM Mono,monospace;font-size:2rem;font-weight:600}.live-timer .timer-label{text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:4px;font-size:.65rem;font-weight:600}.live-timer select,.live-timer .timer-select{color:#fff!important;border-radius:var(--radius)!important;cursor:pointer!important;background:#ffffff26!important;border:1px solid #ffffff40!important;outline:none!important;width:100%!important;padding:8px 12px!important;font-family:inherit!important;font-size:.875rem!important}.live-timer select option{background:var(--blue-dark)!important;color:#fff!important}.live-timer select::placeholder,.live-timer input::placeholder{color:#ffffff80!important}.live-timer .timer-controls{flex-shrink:0;gap:8px;display:flex}.live-timer .timer-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .15s;display:flex}.live-timer .timer-btn-play{color:var(--blue-dark);background:#fff}.live-timer .timer-btn-play:hover{background:var(--blue-pale)}.live-timer .timer-btn-stop{color:#fff;background:#ffffff26;border:1px solid #ffffff40!important}.live-timer .timer-btn-stop:hover{background:#ffffff40}.live-timer .timer-selects{flex-direction:column;flex:1;gap:8px;display:flex}.stats-task-subtitle{color:var(--gray-400);margin-top:2px;font-size:.8rem}.stats-stacked-bar{border-radius:99px;width:100%;height:4px;margin-top:4px;display:flex;overflow:hidden}.stats-stacked-bar span{height:100%;transition:width .3s}.stats-hours-billable{color:var(--green);font-weight:500}.stats-hours-support{color:var(--blue);font-weight:500}.stats-hours-internal{color:var(--teal);font-weight:500}