@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--black:#0a0a0a;--accent:#0a0a0a;--accent-hover:#262626;--success:#16a34a;--success-light:#f0fdf4;--warning:#ca8a04;--warning-light:#fefce8;--danger:#dc2626;--danger-light:#fef2f2;--info:#2563eb;--info-light:#eff6ff;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--tracking-tight:-.02em;--tracking-normal:0em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:260px;--header-height:64px;--max-content:1200px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--ease:cubic-bezier(.2,0,0,1);--duration-fast:.15s;--duration-normal:.2s;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--gray-500);background:var(--white);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--gray-900);letter-spacing:var(--tracking-tight);font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{max-width:var(--max-content);padding:0 var(--space-6);margin:0 auto}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-6);transition:border-color var(--duration-normal)var(--ease),box-shadow var(--duration-normal)var(--ease)}.card:hover{border-color:var(--gray-400);box-shadow:var(--shadow-md)}.card-flat{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-6)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-sm);transition:all var(--duration-fast)var(--ease);white-space:nowrap;border:1px solid #0000;font-size:.875rem;font-weight:500;line-height:1.5;display:inline-flex}.btn-primary{background:var(--gray-900);color:var(--white);border-color:var(--gray-900)}.btn-primary:hover{background:var(--gray-800);border-color:var(--gray-800)}.btn-secondary{background:var(--white);color:var(--gray-900);border-color:var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-ghost{color:var(--gray-500);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--gray-50);color:var(--gray-900)}.btn-danger{background:var(--danger);color:var(--white);border-color:var(--danger)}.btn-sm{padding:var(--space-1)var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3)var(--space-6);font-size:1rem}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group label{color:var(--gray-700);font-size:.875rem;font-weight:500}.input{padding:var(--space-2)var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-900);background:var(--white);transition:border-color var(--duration-fast)var(--ease),box-shadow var(--duration-fast)var(--ease);outline:none;width:100%;font-family:inherit;font-size:.875rem}.input:focus{border-color:var(--gray-900);box-shadow:0 0 0 3px #0a0a0a14}.input::placeholder{color:var(--gray-400)}textarea.input{resize:vertical;min-height:100px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.badge{padding:2px var(--space-2);border-radius:100px;align-items:center;font-size:.75rem;font-weight:500;line-height:1.5;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--gray-100);color:var(--gray-600)}.table-wrap{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}thead{background:var(--gray-50)}th{text-align:left;padding:var(--space-3)var(--space-4);color:var(--gray-500);border-bottom:1px solid var(--gray-200);white-space:nowrap;font-weight:500}td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--gray-100);color:var(--gray-700)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.skeleton{background:var(--gray-100);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.progress-bar{background:var(--gray-100);border-radius:100px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--gray-900);height:100%;transition:width var(--duration-normal)var(--ease);border-radius:100px}.stat-card{gap:var(--space-1);flex-direction:column;display:flex}.stat-card .stat-label{color:var(--gray-500);font-size:.8125rem;font-weight:400}.stat-card .stat-value{color:var(--gray-900);letter-spacing:var(--tracking-tight);font-size:1.75rem;font-weight:600}.stat-card .stat-change{font-size:.8125rem;font-weight:500}.tabs{border-bottom:1px solid var(--gray-200);gap:0;display:flex}.tab{padding:var(--space-3)var(--space-4);color:var(--gray-500);cursor:pointer;transition:color var(--duration-fast)var(--ease),border-color var(--duration-fast)var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.875rem;font-weight:500}.tab:hover{color:var(--gray-900)}.tab.active{color:var(--gray-900);border-bottom-color:var(--gray-900)}.avatar{background:var(--gray-200);width:36px;height:36px;color:var(--gray-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.avatar-sm{width:28px;height:28px;font-size:.75rem}.avatar-lg{width:48px;height:48px;font-size:1rem}.avatar-xl{width:64px;height:64px;font-size:1.25rem}.kanban-board{gap:var(--space-4);padding-bottom:var(--space-4);display:flex;overflow-x:auto}.kanban-column{background:var(--gray-50);border-radius:var(--radius-md);min-width:280px;padding:var(--space-4);flex:1}.kanban-column-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.kanban-column-title{color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.kanban-count{background:var(--white);border:1px solid var(--gray-200);padding:0 var(--space-2);color:var(--gray-500);border-radius:100px;font-size:.75rem}.kanban-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-2);cursor:grab;transition:border-color var(--duration-fast)var(--ease),box-shadow var(--duration-fast)var(--ease)}.kanban-card:hover{border-color:var(--gray-400);box-shadow:var(--shadow-sm)}@media (max-width:768px){:root{--sidebar-width:0px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.card{padding:var(--space-4)}.container{padding:0 var(--space-4)}}