@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#252540;--bg-hover:#2d2d4a;--sidebar-width:260px;--accent-primary:#8b5cf6;--accent-secondary:#ec4899;--accent-gradient:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);--accent-gradient-subtle:linear-gradient(135deg,#8b5cf615 0%,#ec489915 100%);--accent-halo:radial-gradient(circle at center,#8b5cf620 0%,transparent 70%);--text-primary:#fff;--text-secondary:#a0a0c0;--text-muted:#6b6b8f;--border-color:#2d2d4a;--divider-color:#252540;--priority-urgent:#ef4444;--priority-high:#f97316;--priority-medium:#eab308;--priority-low:#22c55e;--category-design:#ec4899;--category-content:#8b5cf6;--category-video:#f59e0b;--category-campaign:#3b82f6;--category-social:#10b981;--category-other:#6b7280;--status-pending:#6b7280;--status-in-progress:#3b82f6;--status-completed:#22c55e;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--glass-bg:#1a1a2e80;--glass-bg-medium:#1a1a2ea6;--glass-bg-strong:#1a1a2ecc;--glass-bg-ultra:#1a1a2ee6;--glass-border:#ffffff0f;--glass-border-medium:#ffffff1a;--glass-border-strong:#ffffff26;--blur-amount:16px;--blur-amount-medium:24px;--blur-amount-strong:32px;--blur-amount-ultra:48px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);background-image:var(--accent-gradient-subtle);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";background:var(--accent-halo);pointer-events:none;opacity:.2;z-index:0;border-radius:50%;width:1000px;height:1000px;position:fixed;top:-30%;right:-20%}body:after{content:"";background:var(--accent-halo);pointer-events:none;opacity:.15;z-index:0;border-radius:50%;width:800px;height:800px;position:fixed;bottom:-30%;left:-20%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--accent-halo);position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{box-shadow:var(--shadow-lg),0 0 30px var(--accent-halo);transform:translateY(-2px)}.btn-primary:hover:before{left:100%}.btn-secondary{background:var(--glass-bg-medium);-webkit-backdrop-filter:blur(var(--blur-amount));color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-medium)}.btn-ghost{color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);background:0 0}.btn-ghost:hover{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:.8125rem}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:1rem}input[type=text],input[type=email],input[type=password],input[type=date],input[type=datetime-local],textarea,select{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);font-family:inherit;font-size:.875rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);background:var(--glass-bg-strong);box-shadow:0 0 0 3px #8b5cf626,0 0 20px var(--accent-halo);-webkit-backdrop-filter:blur(var(--blur-amount));outline:none}textarea{resize:vertical;min-height:100px}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";background:var(--accent-gradient);opacity:0;height:1px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-lg),0 0 30px var(--accent-halo);transform:translateY(-2px)}.card:hover:before{opacity:.6}.card-glass{background:var(--glass-bg-ultra);-webkit-backdrop-filter:blur(var(--blur-amount-strong));border:1px solid var(--glass-border-medium);box-shadow:var(--shadow-xl),0 0 40px #8b5cf626}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600;display:inline-flex}.badge-urgent{color:var(--priority-urgent);border:1px solid var(--priority-urgent);background:#ef444433}.badge-high{color:var(--priority-high);border:1px solid var(--priority-high);background:#f9731633}.badge-medium{color:var(--priority-medium);border:1px solid var(--priority-medium);background:#eab30833}.badge-low{color:var(--priority-low);border:1px solid var(--priority-low);background:#22c55e33}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base)ease-out}.animate-slide-in{animation:slideIn var(--transition-slow)ease-out}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-auto{margin-top:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media (max-width:768px){:root{--spacing-2xl:2rem;--spacing-xl:1.5rem;--spacing-lg:1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.125rem}h4{font-size:1rem}.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.card{padding:var(--spacing-md)}.btn{padding:var(--spacing-xs)var(--spacing-md);font-size:.8125rem}}@media (max-width:640px){:root{--spacing-2xl:1.5rem;--spacing-xl:1rem;--spacing-lg:.75rem;--spacing-md:.75rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}h4{font-size:.875rem}body:before,body:after{display:none}.card{padding:var(--spacing-sm);border-radius:var(--radius-md)}.btn{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}.btn-sm{padding:4px 8px;font-size:.7rem}input[type=text],input[type=email],input[type=password],input[type=date],input[type=datetime-local],textarea,select{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8125rem}textarea{min-height:80px}::-webkit-scrollbar{width:4px;height:4px}}@media (max-width:480px){:root{--spacing-2xl:1rem;--spacing-xl:.75rem}h1{font-size:1.25rem}h2{font-size:1.125rem}h3{font-size:.9375rem}}@media (max-width:768px){:root{--sidebar-width:0px!important}.main-content{padding:var(--spacing-md)!important;margin-left:0!important;padding-top:50px!important}h1{margin-top:0!important;padding-top:0!important}}@media (max-width:640px){.main-content{padding:var(--spacing-sm)!important;padding-top:60px!important}h1{margin-top:0!important;padding-top:0!important}}@media (max-width:1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-main-grid{grid-template-columns:1fr!important}.dashboard-sidebar{order:-1}.history-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.dashboard-stats-grid{gap:var(--spacing-md)!important;grid-template-columns:repeat(2,1fr)!important}.dashboard-tabs{-webkit-overflow-scrolling:touch}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tabs .btn{white-space:nowrap;flex-shrink:0}.tasks-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.dashboard-stats-grid{gap:var(--spacing-xs)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow-x:visible!important}.dashboard-stats-grid .card{flex-shrink:1;padding:var(--spacing-xs)var(--spacing-sm)!important;min-width:0!important}.dashboard-stats-grid .card>div:first-child{margin-bottom:2px!important;font-size:.7rem!important}.dashboard-stats-grid .card>div:last-child{font-size:1rem!important}.dashboard-stats-grid .card .stat-icon{flex-shrink:0}.dashboard-stats-grid .card .stat-icon svg{width:18px!important;height:18px!important}}@media (max-width:1024px){.task-detail-layout{grid-template-columns:1fr!important}.task-details-sidebar{position:static!important}.task-header-card{height:auto!important;min-height:300px!important;max-height:none!important}.task-activity-card{min-height:300px!important;max-height:500px!important}}@media (max-width:640px){.task-header-card{min-height:250px!important}.task-activity-card{min-height:250px!important;max-height:400px!important}.btn-text{display:none}.btn{min-width:40px;padding:var(--spacing-xs)!important}}@media (max-width:768px){.task-form-modal{max-width:100%!important;max-height:95vh!important;margin:var(--spacing-sm)!important}.form-row{grid-template-columns:1fr!important}.global-chat-container{width:auto!important;bottom:10px!important;left:10px!important;right:10px!important}.global-chat-widget{width:100%!important;max-width:100%!important;height:min(500px,100vh - 80px)!important;max-height:calc(100vh - 80px)!important}}@media (max-width:640px){.global-chat-widget{height:min(400px,100vh - 60px)!important;max-height:calc(100vh - 60px)!important}.global-chat-container button{width:50px!important;height:50px!important}}@media (max-width:768px){.calendar-grid{gap:var(--spacing-xs)!important}.calendar-grid>div{min-height:80px!important;max-height:100px!important;padding:var(--spacing-xs)!important;font-size:.75rem!important}.calendar-day-names{gap:var(--spacing-xs)!important}.day-name{padding:var(--spacing-xs)!important;font-size:.75rem!important}}@media (max-width:640px){.calendar-grid{gap:2px!important}.calendar-grid>div{min-height:60px!important;max-height:80px!important;padding:4px!important;font-size:.7rem!important}.calendar-day-names{gap:2px!important}.day-name{padding:4px!important;font-size:.65rem!important}}@media (max-width:768px){.calendar-page-container{max-width:100%!important;padding:0!important}.calendar-page-header{flex-direction:column!important;align-items:flex-start!important}.calendar-view-toggle{justify-content:stretch!important;width:100%!important}.calendar-view-toggle .btn{flex:1!important}.notes-page-container{max-width:100%!important;height:auto!important;min-height:calc(100vh - 80px)!important}.notes-page-container>div:last-child{height:auto!important;min-height:400px!important}.gantt-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.gantt-header,.gantt-tasks{min-width:600px!important}.gantt-task-column,.gantt-task-name{width:150px!important;font-size:.8125rem!important}.gantt-header>div:last-child{font-size:.7rem!important}}@media (max-width:640px){.gantt-header,.gantt-tasks{min-width:500px!important}.gantt-task-column,.gantt-task-name{width:120px!important;font-size:.75rem!important}.gantt-header>div:last-child{font-size:.65rem!important}.gantt-task-row{min-height:35px!important}}.calendar-mobile-day-empty{aspect-ratio:1}.calendar-mobile-day{touch-action:manipulation}.calendar-mobile-badge{pointer-events:none}@media (max-width:640px){.calendar-mobile-grid{gap:4px!important}.calendar-mobile-day{padding:4px!important;font-size:.8125rem!important}.calendar-mobile-badge{width:16px!important;height:16px!important;font-size:.6rem!important;top:2px!important;right:2px!important}.calendar-mobile-day-names{gap:4px!important}.calendar-mobile-day-names>div{padding:4px!important;font-size:.7rem!important}}@media (max-width:768px){.dashboard-page-container{max-width:100%!important;padding:0!important}.dashboard-page-header{flex-direction:column!important;align-items:flex-start!important}.task-detail-layout{max-width:100%!important}.card.filter-row{flex-direction:column!important}.card.filter-row select,.card.filter-row button{flex:100%!important;width:100%!important;min-width:100%!important}}@media (max-width:640px){.card.filter-row{padding:var(--spacing-sm)!important;gap:var(--spacing-sm)!important}}@media (max-width:768px){[style*=maxWidth]{max-width:100%!important;padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}}.modal-overlay{-webkit-backdrop-filter:blur(var(--blur-amount-medium));z-index:1001;padding:var(--spacing-md);background:#0f0f23bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--blur-amount-strong));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);position:relative;overflow-y:auto}