@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-primary-h:230;--color-primary-s:85%;--color-primary-l:60%;--color-primary:hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));--color-surface:#fff;--color-background:#f8fafc;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-glass:0 8px 32px 0 #1f268712;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.glass-panel{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-glass);background:#ffffffb3;border:1px solid #ffffff4d}.hover-lift{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background-color:hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.5rem 1rem;font-weight:500}.btn-primary:hover{background-color:hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - 5%));transform:scale(1.02)}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-title{color:var(--color-text-main);font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{background-color:var(--color-background)}.btn-ghost{color:var(--color-text-muted);background-color:#0000}.btn-ghost:hover{background-color:var(--color-background);color:var(--color-text-main)}.kanban-board{flex:1;gap:1.25rem;padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-col{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;width:300px;min-width:300px;padding:1rem;display:flex}.kanban-col-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.kanban-col-title{color:var(--color-text-main);font-weight:600}.kanban-count{background-color:var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.75rem}.kanban-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);margin-bottom:.75rem;padding:1rem}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-col[data-status=new]{background-color:#f0fdf4;border-top:4px solid #22c55e}.kanban-col[data-status=contacted]{background-color:#eff6ff;border-top:4px solid #3b82f6}.kanban-col[data-status=consulting]{background-color:#fefce8;border-top:4px solid #eab308}.kanban-col[data-status=viewing]{background-color:#fdf2f8;border-top:4px solid #ec4899}.kanban-col[data-status=loan_check]{background-color:#f5f3ff;border-top:4px solid #8b5cf6}.kanban-col[data-status=contract]{background-color:#fff7ed;border-top:4px solid #f97316}.kanban-col[data-status=closed]{background-color:#f1f5f9;border-top:4px solid #64748b}.kanban-col[data-status=application]{background-color:#eff6ff;border-top:4px solid #3b82f6}.kanban-col[data-status=screening]{background-color:#f5f3ff;border-top:4px solid #8b5cf6}.kanban-col[data-status=handover]{background-color:#f0fdfa;border-top:4px solid #14b8a6}.kanban-col[data-status=completed]{background-color:#f0fdf4;border-top:4px solid #22c55e}.kanban-col[data-status=lost]{background-color:#fef2f2;border-top:4px solid #ef4444}.kanban-col[data-status=pending]{background-color:#f1f5f9;border-top:4px solid #94a3b8}.kanban-col[data-status=in_progress]{background-color:#eff6ff;border-top:4px solid #3b82f6}.kanban-card-name{margin-bottom:.5rem;font-size:.875rem;font-weight:600}.kanban-card-meta{color:var(--color-text-muted);font-size:.75rem}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-glass);padding:1.5rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-size:1.25rem;font-weight:600}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-label{color:var(--color-text-main);font-size:.875rem;font-weight:500}.form-input,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;color:var(--color-text-main);padding:.5rem .75rem;font-size:.875rem}.form-input:focus,.form-select:focus{border-color:hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));outline:none;box-shadow:0 0 0 2px #1d4ed833}.form-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.spinner-center{justify-content:center;align-items:center;height:200px;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:260px;height:100%;display:flex}.sidebar-logo{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.logo-icon{font-size:1.5rem}.logo-text{color:var(--color-text-main);font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background-color:var(--color-background);color:var(--color-text-main)}.nav-link.active{background-color:hsl(var(--color-primary-h), var(--color-primary-s), 95%);color:hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l))}.sidebar-bottom{border-top:1px solid var(--color-border);padding:1rem}.search-bar{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;width:100%;max-width:400px;padding:.5rem 1rem;display:flex}.search-bar input{width:100%;color:var(--color-text-main);background:0 0;border:none;outline:none;margin-left:.5rem;font-size:.875rem}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}th{background-color:var(--color-background);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-weight:600}td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:1rem}tr:last-child td{border-bottom:none}.text-muted{color:var(--color-text-muted)}.badge{border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.625rem;font-weight:600;display:inline-block}.badge-new{color:#3730a3;background-color:#e0e7ff}.empty-state{color:var(--color-text-muted);justify-content:center;align-items:center;padding:3rem;font-size:.875rem;display:flex}.modal-wide{max-width:700px!important}