@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#111;--bg-secondary:#181818;--bg-tertiary:#1c1c1e;--bg-elevated:#202020;--bg-hover:#ffffff0a;--bg-active:#ffffff12;--bg-overlay:#000000b3;--text-primary:#fff;--text-secondary:#ffffffa6;--text-tertiary:#ffffff59;--text-inverse:#111;--border-primary:#ffffff12;--border-secondary:#ffffff0a;--border-hover:#ffffff24;--border-focus:#f97316;--accent-primary:#f97316;--accent-primary-hover:#ea580c;--accent-primary-soft:#f973161a;--accent-primary-medium:#f973162e;--accent-gradient:linear-gradient(135deg,#f97316 0%,#ea580c 100%);--success:#10b981;--success-soft:#10b9811f;--warning:#f59e0b;--warning-soft:#f59e0b1f;--danger:#ef4444;--danger-soft:#ef44441f;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0006;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #0006;--shadow-glow:0 0 20px #f9731633;--sidebar-width:240px;--sidebar-collapsed:64px;--navbar-height:56px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--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);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--board-indigo:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);--board-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);--board-rose:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);--board-emerald:linear-gradient(135deg,#10b981 0%,#059669 100%);--board-amber:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--board-cyan:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-slow),color var(--transition-slow);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:hover{box-shadow:var(--shadow-md),var(--shadow-glow);filter:brightness(1.1);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);filter:none}.btn-ghost{color:var(--text-secondary);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:none;filter:none}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-icon{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.input{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-soft);background:var(--bg-secondary)}.input::placeholder{color:var(--text-tertiary)}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-3px)}.kanban-column{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);min-height:400px;transition:all var(--transition-fast);padding:16px}.kanban-column.todo{border-top:3px solid var(--text-tertiary)}.kanban-column.in-progress{border-top:3px solid var(--accent-primary)}.kanban-column.done{border-top:3px solid var(--success)}.ticket-card{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);cursor:grab;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);color:var(--text-primary);margin-bottom:8px;padding:14px;position:relative}.ticket-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ticket-card:active{cursor:grabbing;box-shadow:var(--shadow-lg);transform:rotate(2deg)scale(1.02)}.container{max-width:1400px;margin:0 auto;padding:0 24px}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:92%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-xl);animation:scaleIn .25s var(--transition-spring);padding:32px;overflow-y:auto}.badge{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-accent{background:var(--accent-primary-soft);color:var(--accent-primary)}.badge-muted{background:var(--bg-hover);color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f126}50%{box-shadow:0 0 40px #6366f14d}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.spinner{border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loading-shimmer{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-hover)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:1024px){:root{--sidebar-width:0px;--sidebar-collapsed:0px}.grid-3{grid-template-columns:1fr 1fr}.container{padding:0 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--navbar-height:52px}.grid-3{grid-template-columns:1fr}.container{padding:0 16px}.modal{border-radius:var(--radius-lg);max-width:calc(100vw - 24px);margin:12px;padding:20px}.kanban-column{min-height:200px}.btn{padding:10px 16px;font-size:13px}.card{padding:16px}.page-container{padding-left:16px!important;padding-right:16px!important}}@media (max-width:480px){:root{--navbar-height:48px}.modal{border-radius:var(--radius-md);max-width:calc(100vw - 16px);margin:8px;padding:16px}.btn{padding:8px 12px;font-size:12px}.input{padding:8px 12px;font-size:13px}.badge{padding:2px 8px;font-size:11px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}}.page-container{max-width:1400px;margin:0 auto;padding:32px 32px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:0 20px;display:flex}.kanban-page-wrapper{max-width:1440px;margin:0 auto;padding:24px 32px 48px}.kanban-board{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.project-header-section{padding:20px 32px}.project-header-row{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;display:flex}.project-header-right{align-items:center;gap:10px;display:flex}.search-input-wrapper{position:relative}.project-filter-bar{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 32px;display:flex}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar-desktop{display:none!important}.sidebar-hamburger,.sidebar-mobile{display:flex!important}.main-content{margin-left:0!important;padding-left:0!important}.page-container{padding:20px 16px 0}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.mobile-move-actions{display:flex!important}.nav-inner{padding:0 16px 0 68px!important}.project-header-section{padding:16px 16px 12px!important}.project-header-row{flex-direction:column;align-items:flex-start;gap:16px}.project-header-right{justify-content:space-between;width:100%}.search-input-wrapper{flex:1}.search-input-wrapper input{width:100%!important}.project-filter-bar{padding:12px 16px!important}.kanban-page-wrapper{padding:16px 16px 48px!important}.kanban-board{scroll-snap-type:x mandatory;overflow-x:auto;margin:0 -16px!important;padding:0 16px 24px!important;display:flex!important}.kanban-board>div{scroll-snap-align:center;flex-shrink:0;min-width:85vw}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.page-container{padding:16px 12px 0}}