@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-Light.a3daf1c4.woff2) format("woff2"),url(/_next/static/media/MabryPro-Light.ea04ce97.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-LightItalic.b47f5905.woff2) format("woff2"),url(/_next/static/media/MabryPro-LightItalic.9990bf50.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-Regular.3cd7676f.woff2) format("woff2"),url(/_next/static/media/MabryPro-Regular.338b22e5.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-Italic.46245919.woff2) format("woff2"),url(/_next/static/media/MabryPro-Italic.88f7e0ac.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-Medium.0f391b51.woff2) format("woff2"),url(/_next/static/media/MabryPro-Medium.16d0d49b.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-MediumItalic.20debb3a.woff2) format("woff2"),url(/_next/static/media/MabryPro-MediumItalic.07027128.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-Bold.c7baeafc.woff2) format("woff2"),url(/_next/static/media/MabryPro-Bold.1f2f41ad.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-BoldItalic.bdbd79a6.woff2) format("woff2"),url(/_next/static/media/MabryPro-BoldItalic.7128d986.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-Black.bbba18bf.woff2) format("woff2"),url(/_next/static/media/MabryPro-Black.a1d6067c.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/_next/static/media/MabryPro-BlackItalic.9e38cdc9.woff2) format("woff2"),url(/_next/static/media/MabryPro-BlackItalic.41f83a4f.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#ffb333!important;--primary-light:#ffd480!important;--primary-dark:#e69a00!important;--primary-soft:rgba(255,179,51,.1)!important;--secondary:#c483d9!important;--secondary-light:#d9a3e6!important;--secondary-dark:#a855f7!important;--blue:#5884fd!important;--blue-light:#8ba4fe!important;--blue-dark:#4169e1!important;--orange:#f87239!important;--orange-light:#fba173!important;--orange-dark:#e65100!important;--background:#f5f5ed!important;--surface:#fff!important;--surface-light:#fefefe!important;--surface-dark:#f8f9fa!important;--surface-elevated:#fff!important;--surface-subtle:#fafafa!important;--text-primary:#1f2937!important;--text-secondary:#6b7280!important;--text-muted:#9ca3af!important;--text-light:#d1d5db!important;--text-inverse:#fff!important;--border:#e5e7eb!important;--border-light:#f3f4f6!important;--border-dark:#d1d5db!important;--border-accent:#e5e7eb!important;--status-todo:#9ca3af!important;--status-in-progress:#5884fd!important;--status-review:#ffb333!important;--status-completed:#10b981!important;--status-blocked:#ef4444!important;--status-cancelled:#6b7280!important;--priority-low:#10b981!important;--priority-medium:#ffb333!important;--priority-high:#f87239!important;--priority-urgent:#ef4444!important;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05)!important;--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important;--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25)!important;--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06)!important;--gradient-primary:linear-gradient(135deg,#ffb333,#ffd480)!important;--gradient-secondary:linear-gradient(135deg,#c483d9,#d9a3e6)!important;--gradient-blue:linear-gradient(135deg,#5884fd,#8ba4fe)!important;--gradient-orange:linear-gradient(135deg,#f87239,#fba173)!important;--gradient-surface:linear-gradient(135deg,#fff,#fefefe)!important;--gradient-background:linear-gradient(135deg,#f5f5ed,#f8f9fa)!important;--transition-fast:0.15s ease-out!important;--transition-normal:0.25s ease-out!important;--transition-slow:0.35s ease-out!important;--transition-spring:0.4s cubic-bezier(0.175,0.885,0.32,1.275)!important;--radius-sm:0.375rem!important;--radius-md:0.5rem!important;--radius-lg:0.75rem!important;--radius-xl:1rem!important;--radius-2xl:1.5rem!important;--radius-full:9999px!important;--spacing-xs:0.25rem!important;--spacing-sm:0.5rem!important;--spacing-md:1rem!important;--spacing-lg:1.5rem!important;--spacing-xl:2rem!important;--spacing-2xl:3rem!important}*,:after,:before{box-sizing:border-box}body,html{font-family:Mabry Pro,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32}body,html{background:var(--background)!important;color:var(--text-primary)!important}body{@apply antialiased;font-family:Mabry Pro,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-weight:400;line-height:1.6;letter-spacing:-.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Mabry Pro,Inter,sans-serif!important;font-weight:600;line-height:1.25;letter-spacing:-.025em;color:var(--text-primary)!important}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:650}h3{font-size:1.75rem}h3,h4{font-weight:600}h4{font-size:1.5rem}h5{font-size:1.25rem;font-weight:600}h6{font-size:1.125rem;font-weight:500}html{scroll-behavior:smooth;scroll-padding-top:2rem}:focus{outline:none!important;box-shadow:0 0 0 3px rgba(255,179,51,.2)!important;border-radius:var(--radius-md)!important;transition:box-shadow var(--transition-fast)!important}:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important}.btn-primary,button[type=submit]{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border:none!important;padding:.875rem 1.75rem!important;border-radius:var(--radius-lg)!important;font-weight:600!important;font-size:.875rem!important;letter-spacing:.025em!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-sm)!important;position:relative!important;overflow:hidden!important;cursor:pointer!important}.btn-primary:hover,button[type=submit]:hover{background:var(--gradient-primary)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.btn-primary:active,button[type=submit]:active{transform:translateY(0)!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-fast)!important}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%!important;padding:.875rem 1rem!important;border:2px solid var(--border)!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-family:Mabry Pro,Inter,sans-serif!important;transition:all var(--transition-normal)!important;background:var(--surface)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important;resize:vertical}input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(255,179,51,.1),var(--shadow-md)!important;transform:translateY(-1px)!important}input[type=email]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=text]:hover,select:hover,textarea:hover{border-color:var(--border-dark)!important;box-shadow:var(--shadow-md)!important}@layer components{.btn-primary{@apply px-6 py-3 font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed;background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border:none!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.025em!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important;position:relative!important;overflow:hidden!important;cursor:pointer!important}.btn-primary:hover:not(:disabled){background:var(--gradient-primary)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.btn-primary:active:not(:disabled){transform:translateY(0)!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-fast)!important}.btn-secondary{@apply px-6 py-3 font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed;background:var(--gradient-secondary)!important;color:var(--text-inverse)!important;border:none!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.025em!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important}.btn-secondary:hover:not(:disabled){background:var(--gradient-secondary)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.btn-blue{@apply px-6 py-3 font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed;color:var(--text-inverse)!important;border:none!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.025em!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important}.btn-blue,.btn-blue:hover:not(:disabled){background:var(--gradient-blue)!important}.btn-blue:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.btn-orange{@apply px-6 py-3 font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed;background:var(--gradient-orange)!important;color:var(--text-inverse)!important;border:none!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.025em!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important}.btn-orange:hover:not(:disabled){background:var(--gradient-orange)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.btn-outline{@apply px-6 py-3 font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed;background:transparent!important;color:var(--primary)!important;border:2px solid var(--primary)!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.025em!important;transition:all var(--transition-normal)!important}.btn-outline:hover:not(:disabled){background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.btn-ghost{@apply px-6 py-3 font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed;background:transparent!important;color:var(--text-secondary)!important;border:1px solid transparent!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-weight:500!important;transition:all var(--transition-normal)!important}.btn-ghost:hover:not(:disabled){background:var(--surface-dark)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important}.input-field{@apply w-full px-4 py-3 border placeholder:text-gray-400;background:var(--surface)!important;border:2px solid var(--border)!important;border-radius:var(--radius-lg)!important;color:var(--text-primary)!important;font-size:.875rem!important;font-family:Mabry Pro,Inter,sans-serif!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-sm)!important}.input-field:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(255,179,51,.1),var(--shadow-md)!important;transform:translateY(-1px)!important}.input-field:hover{border-color:var(--border-dark)!important;box-shadow:var(--shadow-md)!important}.card{@apply border cursor-default;background:var(--gradient-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important;position:relative!important;overflow:hidden!important}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);opacity:0;transition:opacity var(--transition-normal)}.card-hover{@apply card cursor-pointer}.card-hover:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-xl)!important;border-color:var(--border-dark)!important}.card-hover:hover:before{opacity:1}.card-interactive{@apply card cursor-pointer;transition:all var(--transition-spring)!important}.card-interactive:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:var(--shadow-xl)!important}.card-interactive:active{transform:translateY(-1px) scale(1.01)!important;box-shadow:var(--shadow-lg)!important;transition:all var(--transition-fast)!important}.status-badge{@apply px-3 py-1 text-xs font-medium inline-flex items-center gap-1;border-radius:var(--radius-full)!important;font-weight:600!important;letter-spacing:.025em!important;transition:all var(--transition-normal)!important;position:relative!important;overflow:hidden!important;text-transform:uppercase!important}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left var(--transition-normal)}.status-badge:hover:before{left:100%}.status-todo{background:rgba(156,163,175,.15)!important;color:var(--status-todo)!important;border:1px solid rgba(156,163,175,.3)!important}.status-in-progress{background:rgba(88,132,253,.15)!important;color:var(--status-in-progress)!important;border:1px solid rgba(88,132,253,.3)!important}.status-review{background:rgba(255,179,51,.15)!important;color:var(--status-review)!important;border:1px solid rgba(255,179,51,.3)!important}.status-completed{background:rgba(16,185,129,.15)!important;color:var(--status-completed)!important;border:1px solid rgba(16,185,129,.3)!important}.status-blocked{background:rgba(239,68,68,.15)!important;color:var(--status-blocked)!important;border:1px solid rgba(239,68,68,.3)!important}.status-cancelled{background:hsla(220,9%,46%,.15)!important;color:var(--status-cancelled)!important;border:1px solid hsla(220,9%,46%,.3)!important}.priority-badge{@apply px-2 py-1 text-xs font-medium inline-flex items-center gap-1;border-radius:var(--radius-md)!important;font-weight:600!important;letter-spacing:.025em!important;transition:all var(--transition-normal)!important}.priority-low{background:rgba(16,185,129,.15)!important;color:var(--priority-low)!important;border:1px solid rgba(16,185,129,.3)!important}.priority-medium{background:rgba(255,179,51,.15)!important;color:var(--priority-medium)!important;border:1px solid rgba(255,179,51,.3)!important}.priority-high{background:rgba(248,114,57,.15)!important;color:var(--priority-high)!important;border:1px solid rgba(248,114,57,.3)!important}.priority-urgent{background:rgba(239,68,68,.15)!important;color:var(--priority-urgent)!important;border:1px solid rgba(239,68,68,.3)!important}.priority-low{color:var(--text-muted)!important}.priority-medium{color:var(--secondary)!important}.priority-high{color:var(--orange)!important}.priority-urgent{color:var(--error)!important}.nav-item{@apply flex items-center px-4 py-3 text-sm font-medium;color:var(--text-secondary)!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)!important;position:relative!important;overflow:hidden!important}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,179,51,.1),transparent);transition:left var(--transition-normal)}.nav-item:hover{background:rgba(255,179,51,.08)!important;color:var(--primary)!important;transform:translateX(2px)!important}.nav-item:hover:before{left:100%}.nav-item.active{background:var(--gradient-primary)!important;color:#fff!important;box-shadow:var(--shadow-md)!important;transform:translateX(0)!important}.nav-item.active:before{display:none}.form-group{@apply space-y-2}.form-label{@apply block text-sm font-medium;color:var(--text-primary)!important}.form-error{@apply text-xs mt-1;color:var(--error)!important}.form-help{@apply text-xs mt-1;color:var(--text-muted)!important}.animate-bounce-in,.animate-fade-in,.animate-float,.animate-pulse-slow,.animate-scale-in,.animate-shimmer,.animate-slide-in,.animate-slide-up{@apply animate-[shimmer_2s_ease-in-out_infinite]}.skeleton{@apply animate-pulse;background:linear-gradient(90deg,var(--border-light),var(--border),var(--border-light))!important;background-size:200% 100%!important;border-radius:var(--radius-md)!important;animation:shimmer 1.5s ease-in-out infinite!important}.skeleton-text{@apply skeleton;height:1rem!important;width:100%!important}.skeleton-text.short{width:60%!important}.skeleton-text.long{width:80%!important}.skeleton-avatar{@apply skeleton;width:2.5rem!important;height:2.5rem!important;border-radius:50%!important}.skeleton-button{@apply skeleton;height:2.5rem!important;width:6rem!important;border-radius:var(--radius-lg)!important}.gradient-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light))!important}.gradient-secondary{background:linear-gradient(135deg,var(--secondary),var(--secondary-light))!important}.gradient-accent{background:linear-gradient(135deg,var(--accent),var(--accent-light))!important}.btn-primary-solid{@apply px-6 py-3 font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed;background:var(--primary)!important;color:var(--text-inverse)!important;border:none!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.025em!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important}.btn-primary-solid:hover:not(:disabled){filter:brightness(.97)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.btn-primary-solid:active:not(:disabled){transform:translateY(0)!important;box-shadow:var(--shadow-md)!important}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:.8}70%{transform:scale(.9);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}::-webkit-scrollbar{@apply w-2}::-webkit-scrollbar-track{background:var(--border-light)!important}::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)!important}.modal-backdrop{@apply fixed inset-0 flex items-center justify-center p-4 z-50 animate-fade-in;background:rgba(0,0,0,.6)!important;backdrop-filter:blur(12px) saturate(1.5)!important;-webkit-backdrop-filter:blur(12px) saturate(1.5)!important}.modal-content{@apply animate-scale-in;background:var(--gradient-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-2xl)!important;max-height:90vh;overflow-y:auto;position:relative!important}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent)}.modal-header{@apply px-6 py-4 border-b;border-color:var(--border)!important;background:var(--surface-light)!important;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0!important}.modal-body{@apply px-6 py-4}.modal-footer{@apply px-6 py-4 border-t;border-color:var(--border)!important;background:var(--surface-light)!important;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)!important}.tooltip{@apply invisible absolute rounded py-1 px-2 -translate-y-full opacity-0 transition-all duration-200 z-50
         group-hover:visible group-hover:opacity-100 whitespace-nowrap text-xs;background:var(--text-primary)!important;color:var(--surface)!important}.table-container{@apply overflow-x-auto rounded-xl border shadow-sm;background:var(--surface)!important}.table,.table-container{border-color:var(--border)!important}.table{@apply min-w-full divide-y}.table th{@apply px-6 py-3 text-left text-xs font-medium uppercase tracking-wider;background:var(--surface-light)!important;color:var(--text-secondary)!important}.table td{@apply px-6 py-4 whitespace-nowrap text-sm;color:var(--text-primary)!important}.table tr:hover{background:var(--surface-light)!important}.project-card{@apply card-hover p-6;background:var(--surface)!important}.project-status{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium}.project-status.planning{background:rgba(196,131,217,.1)!important;color:var(--accent)!important}.project-status.active{background:rgba(88,132,253,.1)!important;color:var(--secondary)!important}.project-status.completed{background:rgba(16,185,129,.1)!important;color:var(--success)!important}.project-status.on-hold{background:rgba(245,158,11,.1)!important;color:var(--warning)!important}.progress-bar{@apply w-full h-2 rounded-full overflow-hidden;background:var(--border-light)!important}.progress-fill{@apply h-full transition-all duration-300 ease-in-out rounded-full;background:linear-gradient(90deg,var(--primary),var(--primary-light))!important}.progress-fill.secondary{background:linear-gradient(90deg,var(--secondary),var(--secondary-light))!important}.progress-fill.accent{background:linear-gradient(90deg,var(--accent),var(--accent-light))!important}@media screen and (max-width:768px){body,html{overflow-x:hidden!important;width:100%!important;max-width:100vw!important;font-size:16px!important}*{max-width:100%!important}.sidebar,[class*=sidebar],[id*=sidebar],aside,nav[class*=side]{display:none!important}.content,.main-content,[class*=content],[class*=main-content],main{margin-left:0!important;padding:12px!important;width:100%!important;max-width:100vw!important}.container,.dashboard-container,.page-container,[class*=container]{padding:0 12px!important;margin:0 auto!important;max-width:100%!important}.header,[class*=header],header{padding:1rem!important;flex-direction:column!important;gap:1rem!important}.cards-grid,.grid,.projects-grid,.tasks-grid,[class*=grid]{grid-template-columns:1fr!important;gap:1rem!important}.flex-row{flex-direction:column!important;gap:1rem!important}button{min-height:44px!important;min-width:44px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;padding:12px 16px!important}input,select,textarea{font-size:16px!important;padding:12px 16px!important;border-radius:8px!important;width:100%!important}table{font-size:14px!important}.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.modal,.modal-content,[class*=modal]{margin:16px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 32px)!important;border-radius:12px!important;padding:20px!important}.card,.project-card,.task-card,[class*=card]{padding:12px!important;margin-bottom:8px!important;border-radius:8px!important}h1{font-size:1.5rem!important}h1,h2{line-height:1.3!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}h3,h4{line-height:1.3!important}h4{font-size:1rem!important}h5{font-size:.875rem!important}h5,h6{line-height:1.3!important}h6{font-size:.75rem!important}.form-actions,.form-group,.form-row{flex-direction:column!important;gap:8px!important}.form-actions button{width:100%!important}.nav,.navigation,[class*=nav]{flex-direction:column!important;gap:8px!important}.nav-item{width:100%!important;text-align:center!important}.metrics,.stats,[class*=metrics],[class*=stats]{grid-template-columns:1fr!important;gap:8px!important}div,p,span{word-wrap:break-word!important;overflow-wrap:break-word!important}.admin-container,.calendar-container,.classes-container,.company-outreach-container,.content-calendar-container,.dashboard-container,.my-tasks-container,.password-manager-container,.timetable-container{flex-direction:column!important;padding:0!important}.content,.main-content,.page-content,[class*=content],main{margin-left:0!important;margin-right:0!important;padding:12px!important;width:100%!important;max-width:100vw!important;min-width:0!important}[class*=grid],[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:8px!important}.flex-row,[class*=flex-row],[style*="flex-direction: row"]{flex-direction:column!important;gap:8px!important}.calendar-container,.calendar-grid,.calendar-view,[class*=calendar],div[style*=grid-template-columns]:has(div:nth-child(7)),div[style*=gridTemplateColumns]{display:grid!important;grid-template-columns:repeat(7,1fr)!important;width:100%!important;grid-gap:2px!important;gap:2px!important;max-width:100vw!important;overflow-x:auto!important}.calendar-body,.calendar-header,.calendar-view>div:first-child,.calendar-view>div:not(:first-child),[class*=calendar-body],[class*=calendar-header]{display:grid!important;grid-template-columns:repeat(7,1fr)!important;width:100%!important}.calendar-day,[class*=calendar-day],div[style*=border-right]:not(:nth-child(7n)){min-height:80px!important;padding:6px!important;font-size:12px!important;border:1px solid #e5e7eb!important;background:#fff!important;box-sizing:border-box!important}*{box-sizing:border-box!important}.task-grid,.task-list{grid-template-columns:1fr!important}.kanban-board{flex-direction:column!important;gap:1rem!important}.kanban-column{width:100%!important;min-width:unset!important}.admin-grid,.admin-layout,.calendar-content,.chart-container,.class-schedule,.classes-grid,.company-grid,.content-grid,.outreach-grid,.password-grid,.report-grid,.schedule-grid,.timetable-grid,.vault-grid{grid-template-columns:1fr!important}.section{padding:1rem!important;margin:.5rem 0!important}.page-title{font-size:1.5rem!important;margin-bottom:1rem!important}.page-subtitle{font-size:1rem!important;margin-bottom:.5rem!important}}@media (min-width:768px) and (max-width:1024px){.content,.main-content{margin-left:0!important;padding:16px!important}.sidebar{display:none!important}.grid{grid-template-columns:repeat(2,1fr)!important}}@layer utilities{.container-responsive,.gap-responsive,.grid-responsive-1,.grid-responsive-2,.grid-responsive-3,.grid-responsive-4,.mobile-center,.mobile-full-width,.mobile-grid-2,.mobile-margin,.mobile-padding,.mobile-stack,.p-responsive,.px-responsive,.py-responsive,.space-responsive,.text-responsive-lg,.text-responsive-md,.text-responsive-sm,.text-responsive-xl{@apply m-4}}.btn-ghost{@apply px-4 py-2 font-medium transition-all;background:transparent!important;border:1px solid transparent!important;border-radius:var(--radius-lg)!important;font-size:.875rem!important;font-weight:500!important}.btn-ghost,.btn-ghost:hover{color:var(--primary)!important}.btn-ghost:hover{background:rgba(255,179,51,.1)!important;border-color:var(--primary)!important}.card-hover{@apply bg-white rounded-2xl shadow-lg transition-all duration-300 ease-in-out;border:1px solid rgba(0,0,0,.05)!important}.card-hover:hover{@apply transform -translate-y-2 shadow-xl;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}@media screen and (max-width:480px){html{font-size:13px!important}.btn-outline,.btn-primary{padding:1rem 1.25rem!important;font-size:.95rem!important}h1{font-size:1.75rem!important;line-height:1.1!important}h2{font-size:1.5rem!important}h3{font-size:1.125rem!important}p{font-size:.875rem!important;line-height:1.5!important}section{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.card-hover{padding:1.25rem!important}nav{padding:.75rem 1rem!important}footer{padding:1.5rem 1rem!important}}@media screen and (max-width:768px){nav{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.95)!important;padding:.75rem 1rem!important}section{padding:3rem 1rem!important}h1{font-size:2rem!important;line-height:1.2!important}h2{font-size:1.75rem!important;line-height:1.3!important}h3{font-size:1.25rem!important}p{font-size:1rem!important;line-height:1.6!important}.btn-outline,.btn-primary,a[class*=bg-gradient],a[class*=border-2]{display:block!important;width:100%!important;text-align:center!important;padding:1rem 2rem!important;font-size:1rem!important;font-weight:600!important;border-radius:.75rem!important;margin-bottom:.75rem!important;transition:all .2s ease!important}.grid{grid-template-columns:1fr!important;gap:1.5rem!important}div[class*=rounded-2xl]{padding:1.5rem!important;margin-bottom:1.5rem!important}.flex.flex-col.sm\\:flex-row{flex-direction:column!important;gap:1rem!important}.max-w-2xl,.max-w-3xl,.max-w-4xl,.max-w-7xl{max-width:100%!important;padding-left:1rem!important;padding-right:1rem!important}}@media screen and (max-width:480px){h1{font-size:2rem!important}h2{font-size:1.75rem!important}.text-lg,.text-xl{font-size:1rem!important}section{padding-top:3rem!important;padding-bottom:3rem!important}div[class*=p-8]{padding:1.25rem!important}div[class*=py-20]{padding-top:3rem!important;padding-bottom:3rem!important}}@media screen and (max-width:360px){h1{font-size:1.75rem!important}.text-4xl{font-size:2rem!important}.text-3xl{font-size:1.5rem!important}html{font-size:12px!important}.btn-outline,.btn-primary{padding:.875rem 1rem!important;font-size:.875rem!important}h1{font-size:1.5rem!important}.card-hover{padding:1rem!important}}.files-section{padding:1rem}.files-header{justify-content:space-between;margin-bottom:1rem}.file-actions,.files-header{display:flex;align-items:center}.file-actions{gap:.5rem}.search-input{padding:.5rem;width:200px}.create-folder-btn,.search-input,.upload-btn{border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem}.create-folder-btn,.upload-btn{padding:.5rem 1rem;background-color:#f3f4f6;cursor:pointer;transition:all .2s}.create-folder-btn:hover,.upload-btn:hover{background-color:#e5e7eb}.create-folder-section{display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem}.create-folder-section input{flex:1 1;padding:.5rem}.create-folder-section button,.create-folder-section input{border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem}.create-folder-section button{padding:.5rem 1rem;background-color:#fff;cursor:pointer}.create-folder-section button:first-of-type{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.files-list{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;padding:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;transition:all .2s}.file-item:hover{background-color:#f9fafb}.file-icon{font-size:1.5rem;margin-right:.75rem}.file-info{flex:1 1}.file-name{font-weight:500;color:#111827}.file-meta{display:flex;gap:1rem;font-size:.75rem;color:#6b7280;margin-top:.25rem}.view-btn{padding:.375rem .75rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.75rem;color:#374151;text-decoration:none;transition:all .2s}.view-btn:hover{background-color:#e5e7eb}.empty-state{text-align:center;padding:2rem;color:#6b7280}.empty-state p:first-child{font-size:1rem;font-weight:500;margin-bottom:.5rem}.empty-state p:last-child{font-size:.875rem}.files-header,.task-interaction-section{@apply border-b border-gray-200 p-4}.file-card{@apply relative bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-200 p-4;height:160px}.file-card .file-icon,.file-card:hover{@apply flex items-center justify-center mb-2}.file-card .file-name{@apply text-sm font-medium text-gray-900 text-center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.breadcrumb,.breadcrumb-item,.breadcrumb-separator,.create-folder-section,.empty-state,.empty-state-icon,.file-actions,.file-card.loading,.file-card.loading .file-icon,.file-card.loading .file-name,.file-card:hover .file-actions,.file-row,.file-row .file-icon,.file-row:hover .file-actions,.file-type-icon,.file-type-icon.audio,.file-type-icon.default,.file-type-icon.folder,.file-type-icon.image,.file-type-icon.pdf,.file-type-icon.video,.loading-skeleton,.search-input,.search-input:focus,.upload-progress,.view-mode-toggle,.view-mode-toggle.active,.view-mode-toggle:not(.active){@apply w-3/4 h-4 mt-2 bg-gray-200}@media (min-width:640px){.files-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.files-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-card{animation:fadeIn .3s ease-out}.file-card,.grid-item,.grid-view,.list-item,.list-view{@apply bg-white rounded-lg}.grid-item .file-card{@apply p-4 flex flex-col items-center;min-height:160px}.breadcrumb,.breadcrumb-item,.breadcrumb-separator,.file-icon,.file-meta,.file-name,.grid-item .file-icon,.grid-item .file-meta,.grid-item .file-name,.list-item .file-card,.list-item .file-icon{@apply mx-2 text-gray-400}.loading-spinner{@apply animate-spin rounded-full border-2 border-gray-200;border-top-color:#3b82f6;width:2rem;height:2rem}.action-button,.empty-state,.empty-state-icon,.file-type-icon,.file-type-icon.document,.file-type-icon.folder,.file-type-icon.image,.grid-item:hover,.list-item:hover,.primary-button,.search-container,.search-icon,.search-input,.search-input:focus,.secondary-button{@apply bg-gray-50}@media (max-width:640px){.grid-view{grid-template-columns:repeat(2,1fr)}}@media (min-width:641px) and (max-width:1024px){.grid-view{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.grid-view{grid-template-columns:repeat(4,1fr)}}.instructor-dashboard *{font-family:Mabry Pro,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.instructor-dashboard .bg-gradient-to-br{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#a855f7)!important}.instructor-dashboard .bg-white{background-color:#fff!important}.instructor-dashboard .text-gray-800{color:#1f2937!important}.instructor-dashboard .text-gray-600{color:#4b5563!important}.instructor-dashboard .text-gray-500{color:#6b7280!important}.instructor-dashboard .bg-gray-50{background-color:#f9fafb!important}.instructor-dashboard .bg-gray-100{background-color:#f3f4f6!important}.instructor-dashboard .border-gray-200{border-color:#e5e7eb!important}.instructor-dashboard .hover\:bg-gray-50:hover{background-color:#f9fafb!important}.instructor-dashboard .bg-green-100{background-color:#dcfce7!important}.instructor-dashboard .text-green-800{color:#166534!important}.instructor-dashboard .bg-red-100{background-color:#fee2e2!important}.instructor-dashboard .text-red-800{color:#991b1b!important}.instructor-dashboard .bg-blue-50{background-color:#eff6ff!important}.instructor-dashboard .border-blue-500{border-color:#3b82f6!important}.instructor-dashboard .text-blue-600{color:#2563eb!important}.instructor-dashboard .hover\:bg-blue-50:hover{background-color:#eff6ff!important}.instructor-dashboard .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))!important}.instructor-dashboard .from-blue-500{--tw-gradient-from:#3b82f6!important;--tw-gradient-to:rgba(59,130,246,0)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.instructor-dashboard .to-purple-600{--tw-gradient-to:#9333ea!important}.instructor-dashboard .hover\:from-blue-600:hover{--tw-gradient-from:#2563eb!important}.instructor-dashboard .hover\:to-purple-700:hover{--tw-gradient-to:#7c3aed!important}