@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-color:#f4f7fe;--sidebar-bg:#fff;--card-bg:#fff;--text-primary:#2b3674;--text-secondary:#a3aed0;--text-body:#64748b;--accent-color:#4318ff;--accent-hover:#3311db;--accent-light:#e9e3ff;--success:#05cd99;--warning:#ffce20;--danger:#ee5d50;--border-color:#e2e8f0;--shadow-soft:0px 18px 40px rgba(112,144,176,.12);--shadow-sm:0px 4px 12px rgba(112,144,176,.08);--radius-lg:20px;--radius-md:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-body);height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow:hidden}.app-container{height:100vh;display:flex;position:relative}.sidebar{background:var(--sidebar-bg);z-index:100;flex-direction:column;width:280px;transition:transform .3s;display:flex}.sidebar-header{justify-content:space-between;align-items:center;padding:32px 24px;display:flex}.sidebar-header h2{color:var(--text-primary);letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.sidebar-nav a{color:var(--text-body);border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--bg-color);color:var(--accent-color)}.sidebar-footer{color:var(--text-body);align-items:center;gap:12px;padding:24px;font-size:.9rem;font-weight:600;display:flex}.main-content{flex:1;padding:32px;position:relative;overflow-y:auto}.top-bar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.5px;font-size:2.2rem;font-weight:700}.mobile-menu-btn{cursor:pointer;box-shadow:var(--shadow-sm);color:var(--text-primary);background:#fff;border:none;border-radius:8px;padding:10px;font-size:1.5rem;display:none}.mobile-overlay{z-index:90;background:rgba(0,0,0,.4);display:none;position:fixed;top:0;bottom:0;left:0;right:0}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:none;padding:28px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(112,144,176,.15)}.card h3{color:var(--text-primary);font-size:1.2rem;font-weight:700}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.btn{background:var(--accent-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .2s}.btn:hover{background:var(--accent-hover)}.btn-outline{color:var(--accent-color);border:1px solid var(--accent-color);background:0 0}.btn-outline:hover{background:var(--accent-light)}.input{background:var(--bg-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);border:1px solid transparent;outline:none;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-light);background:#fff}.badge{border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:700}.badge-blue{background:var(--accent-light);color:var(--accent-color)}.badge-green{color:var(--success);background:rgba(5,205,153,.1)}.badge-yellow{color:var(--warning);background:rgba(255,206,32,.1)}.list-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.list-item:last-child{border-bottom:none}.list-item strong{color:var(--text-primary)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-overlay.open,.mobile-menu-btn{display:block}.main-content{padding:16px 12px}.page-title{font-size:1.8rem}.dashboard-grid{grid-template-columns:1fr}.mobile-stack{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.mobile-wrap{flex-wrap:wrap!important}.mobile-full-width{width:100%!important}.mobile-hide{display:none!important}.mobile-center{text-align:center!important;justify-content:center!important}.mobile-text-sm{font-size:.85rem!important}.task-header-mobile{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.task-badges-mobile{width:100%;margin-top:8px;flex-wrap:wrap!important}.task-actions-mobile{width:100%;margin-top:12px;justify-content:space-between!important}.top-bar{flex-wrap:wrap;gap:12px;margin-bottom:20px}}.desktop-only-user-info{display:none}@media (min-width:768px){.desktop-only-user-info{display:block}}