@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #0170B9;--primary-dark: #015a91;--primary-soft: #0170B915;--primary-soft-strong: #0170B933;--accent: #0170B9;--bg: #F5F5F5;--surface: #FFFFFF;--surface-2: #f8fafc;--surface-3: #f1f5f9;--surface-hover: #eef2f7;--text: #3a3a3a;--text-soft: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--text-dim: #7a7a7a;--text-graphite: #4B4F58;--border: #E5E5E5;--border-soft: #e2e8f0;--border-faint: #f1f5f9;--border-strong: #cbd5e1;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger: #b91c1c;--success: #059669;--success-soft: #05966915;--danger-soft: #b91c1c15;--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 20px 60px rgba(0,0,0,.2);--shadow-widget: 0 10px 30px rgba(0,0,0,.15);--backdrop: rgba(15,23,42,.5);--scroll-thumb: #cbd5e1;--scroll-thumb-hover: #94a3b8;--sidebar-bg-from: #0a2540;--sidebar-bg-to: #051628;--sidebar-width: 240px}:root[data-theme=dark]{--bg: #0f1419;--surface: #1a1f2e;--surface-2: #1f2535;--surface-3: #242b3d;--surface-hover: #2a3142;--text: #e6e9ef;--text-soft: #c4cad6;--text-muted: #94a0b3;--text-faint: #6b7484;--text-dim: #8b94a3;--text-graphite: #b8bfcc;--border: #2a3142;--border-soft: #2a3142;--border-faint: #232a3a;--border-strong: #3a4256;--primary-soft: rgba(1,112,185,.18);--primary-soft-strong: rgba(1,112,185,.35);--danger-bg: rgba(185,28,28,.15);--danger-border: rgba(185,28,28,.4);--success-soft: rgba(5,150,105,.18);--danger-soft: rgba(185,28,28,.18);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 20px 60px rgba(0,0,0,.55);--shadow-widget: 0 10px 30px rgba(0,0,0,.45);--backdrop: rgba(0,0,0,.65);--scroll-thumb: #3a4256;--scroll-thumb-hover: #4a5268;--sidebar-bg-from: #060c16;--sidebar-bg-to: #02060d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,var(--sidebar-bg-from) 0%,var(--sidebar-bg-to) 100%);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:transform .3s ease}.main-content{margin-left:var(--sidebar-width);flex:1;padding:32px;max-width:100%;overflow:auto;min-height:100vh;transition:margin-left .25s ease,background-color .2s ease;position:relative}.main-content.main-expanded{margin-left:0}.sidebar.sidebar-collapsed{transform:translate(-100%)}.collapse-sidebar-btn{background:none;border:none;color:#fff9;padding:6px;border-radius:8px;display:flex;align-items:center;transition:background .15s,color .15s}.collapse-sidebar-btn:hover{background:#ffffff14;color:#fff}.show-sidebar-btn{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:90;background:linear-gradient(135deg,var(--sidebar-bg-from),var(--sidebar-bg-to));color:#ffffffb3;border:none;border-radius:0 8px 8px 0;padding:14px 4px;display:flex;align-items:center;box-shadow:2px 0 8px #0000001a;transition:padding .15s,color .15s}.show-sidebar-btn:hover{color:#fff;padding-right:8px}.card-action-btn{background:none;border:1px solid transparent;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.card-action-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.card-action-btn--danger{color:var(--text-faint)}.card-action-btn--danger:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-bg)}.project-action-btn{transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.project-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.primary-btn{transition:filter .15s ease,transform .1s ease,box-shadow .15s ease}.primary-btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 16px #0170b947;transform:translateY(-1px)}.primary-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.96)}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#fff9;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar-nav-item:hover{background:#ffffff14;color:#fff}.sidebar-nav-item.active{background:#0170b959;color:#fff}.sidebar-nav-item.active:hover{background:#0170b973}.sidebar-bottom-btn{transition:background .15s ease,color .15s ease,border-color .15s ease}.sidebar-bottom-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff2e}.project-card-row{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.project-card-row:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:var(--primary-soft-strong)}.board-page{height:calc(100vh - 64px)}@media (max-width: 768px){.board-page{height:calc(100vh - 88px)}}.mobile-header,.close-sidebar-btn,.sidebar-overlay{display:none}@media (max-width: 768px){.collapse-sidebar-btn,.show-sidebar-btn{display:none}.sidebar.sidebar-collapsed{transform:translate(-100%)}.main-content.main-expanded{margin-left:0}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px;min-width:280px;z-index:1001}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.close-sidebar-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ffffff80;padding:4px}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,var(--sidebar-bg-from),var(--sidebar-bg-to));position:sticky;top:0;z-index:99}.hamburger-btn{background:none;border:none;color:#fff;padding:4px;display:flex;align-items:center}.main-content{margin-left:0!important;padding:16px!important}}
