:root{--color-primary:var(--primary-color,#1b4d3e);--color-primary-dark:var(--primary-color,#064e3b);--color-primary-light:var(--primary-color-light,#10b981);--color-primary-bg:var(--primary-color-bg,#e5e7eb);--color-bg-main:#efefef;--color-bg-subtle:#f9fafb;--color-bg-card:#fff;--color-bg-sidebar:#fff;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-accent-blue:#3b82f6;--color-accent-teal:#14b8a6;--color-accent-purple:#8b5cf6;--color-accent-orange:#f59e0b;--color-accent-pink:#ec4899;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-500:#ef4444;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-500:#f59e0b;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0px 2px 10px rgba(0,0,0,.01);--shadow-md:0px 4px 15px rgba(0,0,0,.02);--shadow-lg:0px 4px 20px rgba(0,0,0,.02);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:8px;--radius-full:9999px;--font-family:"Inter",system-ui,-apple-system,sans-serif;--font-size-xs:.65rem;--font-size-sm:.7rem;--font-size-base:.85rem;--font-size-md:.9rem;--font-size-lg:1.1rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:.2s;--transition-normal:.3s}*{box-sizing:border-box;margin:0;padding:0}*,body,html{font-family:var(--font-family)}body,html{background:var(--color-bg-main);color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.show-scrollbar::-webkit-scrollbar{display:block;height:10px;width:10px}.show-scrollbar{-ms-overflow-style:auto;scrollbar-width:auto}.admin-layout{background:var(--color-bg-main);box-sizing:border-box;font-family:var(--font-family);height:100vh;overflow:hidden;padding:var(--spacing-lg)}.admin-layout,.main-content{display:flex;overflow-x:hidden}.main-content{flex:1;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.main-content::-webkit-scrollbar{display:none}.sidebar{background:var(--color-bg-sidebar);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;flex-shrink:0;height:100%;margin-right:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 1.25rem;width:250px}.sidebar-top{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-sm)}.logo{gap:var(--spacing-sm)}.logo,.logo-img-wrap{align-items:center;display:flex}.logo-img-wrap{flex-shrink:0;height:32px;justify-content:center;width:32px}.sidebar-logo-img{border-radius:8px;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.logo-text{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.sidebar-nav{flex:1;gap:var(--spacing-xl)}.nav-group,.sidebar-nav{display:flex;flex-direction:column}.nav-group{gap:var(--spacing-sm)}.nav-header{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:0 var(--spacing-sm);text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm);position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:#f9fafb;color:var(--color-text-secondary)}.nav-item.active{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.nav-item.active .active-indicator{background:var(--color-primary-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:24px;left:-1.25rem;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{align-items:center;color:inherit;display:flex;justify-content:center}.nav-item.active .nav-icon{color:var(--color-primary-light)}.badge{background:var(--color-success);border-radius:6px;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:auto;padding:.2rem .4rem}.logout-item{color:var(--color-text-light)}.top-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.search-wrap{flex:1}.search-bar{align-items:center;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);width:380px}.search-bar input{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-md);outline:none;width:100%}.search-bar input::-moz-placeholder{color:var(--color-text-light)}.search-bar input::placeholder{color:var(--color-text-light)}.cmd-k{background:var(--color-bg-main);border-radius:4px;color:var(--color-text-muted);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.2rem .4rem;white-space:nowrap}.header-actions{gap:var(--spacing-lg)}.header-actions,.icon-btn{align-items:center;display:flex}.icon-btn{background:var(--color-bg-card);border:none;border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:40px;justify-content:center;width:40px}.user-profile{align-items:center;display:flex;gap:var(--spacing-sm);padding-left:var(--spacing-sm)}.avatar-img{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.user-info{display:flex;flex-direction:column}.user-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.user-email{color:var(--color-text-light);font-size:var(--font-size-sm)}.dashboard-content{display:flex;flex:1;flex-direction:column}.dashboard-header-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.dashboard-titles h1{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.dashboard-titles p{color:var(--color-text-light);font-size:var(--font-size-md);margin:0}.header-buttons{display:flex;gap:var(--spacing-md)}.btn-primary{align-items:center;border:none;border-radius:var(--radius-xl);display:flex;gap:var(--spacing-xs)}.btn-primary,.btn-secondary{cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-secondary{background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-xl);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-sm{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.4rem;padding:.4rem .75rem}.btn-sm:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.25rem;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-main);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-bg-card);border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-danger)}.btn-danger.icon-only{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;padding:0;width:40px}.btn-danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.kpi-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}.kpi-card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-lg)}.kpi-card.dark-green{background:var(--color-primary);color:#fff}.kpi-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.kpi-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.kpi-card.dark-green .kpi-title{color:var(--color-bg-main)}.kpi-icon{align-items:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-primary);display:flex;height:24px;justify-content:center;width:24px}.kpi-card.dark-green .kpi-icon{border-color:#fff3;color:#fff}.kpi-value-main{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.kpi-trend{gap:var(--spacing-xs)}.kpi-trend,.trend-pill{align-items:center;display:flex}.trend-pill{background:var(--color-bg-main);border-radius:6px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.2rem;padding:.2rem .4rem}.kpi-card.dark-green .trend-pill{background:var(--color-success);color:#fff}.trend-text{color:var(--color-text-light);font-size:var(--font-size-sm)}.kpi-card.dark-green .trend-text{color:#a7f3d0}.content-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.col-span-1{grid-column:span 1}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:var(--spacing-lg)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 1.25rem}.card-header-flex{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.card-header-flex h3{margin:0}.project-list{flex-direction:column}.project-item,.project-list{display:flex;gap:var(--spacing-md)}.project-item{align-items:center;border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-md)}.project-item:last-child{border-bottom:none}.p-icon{align-items:center;border-radius:var(--radius-sm);display:flex;height:32px;justify-content:center;width:32px}.p-icon.blue{background:#eff6ff;color:var(--color-accent-blue)}.p-icon.teal{background:#f0fdfa;color:var(--color-accent-teal)}.p-icon.purple{background:#ede9fe;color:var(--color-accent-purple)}.p-icon.orange{background:#fffbeb;color:var(--color-accent-orange)}.p-info h5{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 .2rem}.p-info span{color:var(--color-text-light);font-size:var(--font-size-sm)}.team-list{flex-direction:column}.team-list,.team-member{display:flex;gap:var(--spacing-md)}.team-member{align-items:center}.t-avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.t-details{flex:1}.t-details h5{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 .2rem}.t-details p{color:var(--color-text-light);font-size:var(--font-size-sm);margin:0}.t-details strong{color:var(--color-text-secondary)}.status-badge,.t-details strong{font-weight:var(--font-weight-semibold)}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:.3rem .6rem}.status-badge.completed{background:#ecfdf5;color:var(--color-success)}.status-badge.progress{background:#fffbeb;color:var(--color-warning)}.status-badge.pending{background:#fef2f2;color:var(--color-danger)}.bar-chart-placeholder{align-items:flex-end;display:flex;height:140px;justify-content:space-between;padding-top:var(--spacing-md)}.bar-group{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--spacing-xs);height:100%;justify-content:flex-end}.bar{background:var(--color-border);border-radius:var(--radius-xl);width:32px}.bar.gray-dash{background:transparent;border:2px dashed var(--color-text-light)}.bar.green-dark{background:var(--color-primary)}.bar.green-light{background:var(--color-success)}.bar.green-darkest{background:var(--color-primary-dark)}.day-label{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.relative{position:relative}.chart-tooltip{background:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 2px 4px #0000000d;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);left:50%;padding:.2rem .5rem;position:absolute;top:-28px;transform:translate(-50%)}.donut-chart-container{margin:0 auto 1.5rem;position:relative;width:140px}.donut{transform:rotate(-90deg);width:100%}.circle-bg{fill:none;stroke:var(--color-bg-main);stroke-width:4}.circle-completed{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-width:4}.circle-progress{fill:none;stroke:var(--color-text-light);stroke-dasharray:4;stroke-width:4}.donut-text{display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.percentage{color:var(--color-text-primary);font-size:1.75rem;font-weight:var(--font-weight-bold)}.don-sub{color:var(--color-text-light);font-size:var(--font-size-xs)}.chart-legend{color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-md);justify-content:center}.legend-item{align-items:center;display:flex;gap:.3rem}.dot{border-radius:50%;height:8px;width:8px}.dot.c-com{background:var(--color-primary)}.dot.c-pro{background:var(--color-success)}.dot.c-pen{background:transparent;border:1.5px dashed var(--color-text-light)}.dark-card{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);border-radius:var(--radius-xl);color:#fff;justify-content:space-between;overflow:hidden;padding:var(--spacing-lg);position:relative}.dark-card:before{background-image:repeating-radial-gradient(ellipse at center,rgba(16,185,129,.05) 0,rgba(16,185,129,.05) 2px,transparent 0,transparent 100%);content:"";inset:0;opacity:.3;position:absolute}.tt-header{color:#d1fae5;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.tt-body,.tt-header{position:relative;z-index:1}.tt-body{align-items:center;display:flex;flex-direction:column;margin-top:1.5rem}.tt-time{font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:var(--spacing-md)}.tt-controls{display:flex;gap:var(--spacing-md)}.btn-circle{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.btn-circle.pause{background:#fff;color:var(--color-primary)}.btn-circle.stop{background:var(--color-danger);color:#fff}.reminder-content{display:flex;flex:1;flex-direction:column;justify-content:center}.reminder-content h4{color:var(--color-primary);font-size:var(--font-size-lg);line-height:1.4;margin:0 0 var(--spacing-xs) 0}.reminder-content p{color:var(--color-text-light);font-size:var(--font-size-sm);margin:0 0 1.25rem}.btn-primary-full{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);justify-content:center;padding:.8rem;width:100%}.p-list-wrapper{grid-row:span 2}@media(max-width:1200px){.content-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-layout{flex-direction:column}.sidebar{margin-bottom:var(--spacing-lg);margin-right:0;width:100%}.content-grid,.kpi-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}html.dark-theme{--color-bg-main:#111827;--color-bg-subtle:#1f2937;--color-bg-card:#1f2937;--color-bg-sidebar:#1f2937;--color-text-primary:#f9fafb;--color-text-secondary:#e5e7eb;--color-text-muted:#9ca3af;--color-text-light:#6b7280;--color-border:#374151;--color-border-light:#1f2937;--nav-hover-bg:#374151;--nav-active-bg:rgba(16,185,129,.15);--nav-active-border:#047857;--nav-logout-bg:rgba(239,68,68,.15);--color-red-50:rgba(239,68,68,.15);--color-amber-50:rgba(245,158,11,.15);--color-amber-500:#f59e0b}html.dark-theme .user-dropdown{background:var(--color-bg-sidebar);border-color:var(--color-border)}html.dark-theme .user-dropdown:hover{background:#374151;border-color:#4b5563}html.dark-theme .search-bar{background:var(--color-bg-card)}html.dark-theme .cmd-k{background:var(--color-bg-main);color:var(--color-text-muted)}html.dark-theme .icon-btn{background:var(--color-bg-card);color:var(--color-text-primary)}html.dark-theme .dropdown-menu{background:var(--color-bg-card);border-color:var(--color-border)}html.dark-theme .base-input,html.dark-theme .base-select,html.dark-theme .base-textarea{background:#111827;border-color:#374151;color:#f9fafb}html.dark-theme .base-input:focus,html.dark-theme .base-select:focus,html.dark-theme .base-textarea:focus{background:#1f2937}html.dark-theme .dropdown-item:hover{background:#ffffff0d;color:var(--color-text-primary)}html.dark-theme .p-icon.blue{background:#3b82f626}html.dark-theme .p-icon.teal{background:#14b8a626}html.dark-theme .p-icon.purple{background:#8b5cf626}html.dark-theme .p-icon.orange{background:#f59e0b26}html.dark-theme .status-badge.completed{background:#10b98126}html.dark-theme .status-badge.progress{background:#f59e0b26}html.dark-theme .status-badge.pending{background:#ef444426}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from{opacity:0;transform:translate(30px)}.page-leave-to{opacity:0;transform:translate(-30px)}