@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#cbd5e1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;margin:0;min-height:100vh}:root{--primary-blue:#1e3a8a;--primary-blue-light:#3b82f6;--primary-blue-dark:#1e40af;--secondary-blue:#2563eb;--accent-orange:#fb923c;--accent-orange-light:#fdba74;--accent-orange-dark:#f97316;--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;--success:#10b981;--success-light:#34d399;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-light:#fbbf24;--warning-bg:#fffbeb;--error:#ef4444;--error-light:#f87171;--error-bg:#fef2f2;--info:#3b82f6;--info-light:#60a5fa;--info-bg:#eff6ff;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}code{background:#f1f5f9;background:var(--gray-100);border-radius:.375rem;border-radius:var(--radius-sm);color:#1e293b;color:var(--gray-800);font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transition:var(--transition-base);transition:var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}::selection{background:#fb923c;background:var(--accent-orange);color:#fff;color:var(--white)}::-moz-selection{background:#fb923c;background:var(--accent-orange);color:#fff;color:var(--white)}:focus-visible{outline:2px solid #fb923c;outline:2px solid var(--accent-orange);outline-offset:2px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.App{background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}.auth-content{flex:1 1;padding:var(--space-4)}.auth-content,.loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading{color:var(--gray-600);font-size:var(--font-size-lg);font-weight:var(--font-medium)}.mobile-top-bar{align-items:center;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-md);display:none;height:60px;justify-content:space-between;left:0;padding:0 var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-fixed)}.mobile-top-bar .logo{align-items:center;color:var(--gray-800);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-bold);gap:var(--space-3)}.mobile-top-bar .logo svg{color:var(--accent-orange)}.mobile-top-actions{align-items:center;display:flex;gap:var(--space-3)}.notification-bell-container{position:fixed;right:var(--space-5);top:var(--space-5);z-index:var(--z-fixed)}.dashboard{position:relative}.dashboard-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8);padding-right:80px}.dashboard-actions{flex-shrink:0;margin-top:var(--space-2)}.stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}.stat-card{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--space-4);padding:var(--space-6);transition:var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-value{color:var(--gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-bold);line-height:1}.stat-label{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-medium);margin-top:var(--space-1)}.dashboard-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr}.dashboard-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6)}.section-header{align-items:center;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.section-header h2{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:var(--font-bold);margin:0}.main-content{background:var(--gray-50);padding:var(--space-4);transition:margin-left var(--transition-slow)}@media (min-width:769px){.main-content{margin-left:260px;padding:var(--space-8) var(--space-6)}}@media (max-width:768px){.mobile-top-bar{display:flex}.notification-bell-container{position:relative;right:auto;top:auto;z-index:auto}.main-content{margin-left:0;padding:calc(60px + var(--space-4)) var(--space-4) var(--space-4)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-4);padding-right:0}.dashboard-actions{margin-top:0;width:100%}.dashboard-actions .btn{justify-content:center;width:100%}.stats-grid{gap:var(--space-4);grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.stat-icon{height:40px;width:40px}.stat-value{font-size:var(--font-size-2xl)}.dashboard-section{padding:var(--space-4)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.section-header .btn{justify-content:center;width:100%}}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card:before{background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-header{align-items:center;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.card-title{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}.card-subtitle{color:var(--gray-600);font-size:var(--font-size-sm);margin-top:var(--space-1)}.card-content{color:var(--gray-700);line-height:var(--leading-relaxed)}.card-footer{align-items:center;border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-4)}.form-group{margin-bottom:20px}.form-label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4f46e5;outline:none}.form-textarea{min-height:100px;resize:vertical}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-outline{background-color:initial;border:2px solid #e5e7eb;color:#374151}.btn-outline:hover{background-color:#f9fafb}.btn-sm{font-size:12px;padding:8px 16px}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-todo{background-color:#e5e7eb;color:#374151}.status-in-progress{background-color:#dbeafe;color:#1d4ed8}.status-completed{background-color:#d1fae5;color:#065f46}.status-overdue{background-color:#fee2e2;color:#991b1b}.priority-low{background-color:#d1fae5;color:#065f46}.priority-medium{background-color:#fef3c7;color:#92400e}.priority-high{background-color:#fee2e2;color:#991b1b}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.main-content{flex:1 1;margin-left:0;min-height:calc(100vh - 60px);padding:16px;transition:margin-left .3s ease}@media (min-width:769px){.main-content{margin-left:250px;padding:20px}}@media (max-width:768px){body{font-size:14px}.main-content{margin-left:0;padding:70px 8px 16px}.grid-2,.grid-3,.grid-4{gap:16px;grid-template-columns:1fr}.card{border-radius:12px;margin-bottom:16px;padding:16px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.card-title{font-size:20px}}@media (min-width:481px) and (max-width:768px){.main-content{padding:70px 16px 20px}.grid-2{grid-template-columns:1fr 1fr}.card{padding:18px}}@media (max-width:480px){.main-content{padding:65px 8px 12px}.card{margin-bottom:12px;padding:12px}.btn{font-size:13px;justify-content:center;padding:10px 16px;width:100%}.btn-sm{font-size:11px;padding:6px 12px;width:auto}.form-input,.form-select,.form-textarea{font-size:16px;padding:12px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.font-medium{font-weight:500}.font-semibold{font-weight:600}