:root{--bg: #0f1419;--bg-card: #1a2332;--bg-hover: #243044;--border: #2d3a4f;--text: #e8edf5;--text-muted: #8b9cb3;--primary: #4f8cff;--primary-hover: #3d7aef;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--sidebar-w: 240px;--radius: 10px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;background:var(--primary);color:#fff;font-weight:600;transition:background .15s}button:hover{background:var(--primary-hover)}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.ghost:hover{background:var(--bg-hover)}button.danger{background:var(--danger)}button.small{padding:6px 12px;font-size:13px}input,select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);border-color:transparent}label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px}.form-group{margin-bottom:14px}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;position:fixed;top:0;left:0;bottom:0}.logo{font-size:18px;font-weight:700;padding:8px 12px 24px;color:var(--primary)}.nav a{display:block;padding:10px 12px;border-radius:8px;margin-bottom:4px;color:var(--text-muted);font-weight:500}.nav a:hover,.nav a.active{background:var(--bg-hover);color:var(--text)}.main{margin-left:var(--sidebar-w);flex:1;padding:24px 28px;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-header h1{font-size:24px;font-weight:700}.user-bar{margin-top:auto;padding:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat-card .label{font-size:13px;color:var(--text-muted);margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:var(--bg-hover)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.high{background:#7f1d1d;color:#fca5a5}.badge.medium{background:#78350f;color:#fcd34d}.badge.low{background:#1e3a5f;color:#93c5fd}.kanban{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;min-height:calc(100vh - 140px)}.kanban-col{min-width:280px;max-width:300px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column}.kanban-col-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.kanban-col-header h3{font-size:14px;font-weight:600}.kanban-col-body{padding:12px;flex:1;display:flex;flex-direction:column;gap:10px;min-height:120px}.deal-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;cursor:pointer}.deal-card[draggable=true]{cursor:grab}.deal-card:active{cursor:grabbing}.deal-card:hover{border-color:var(--primary)}.deal-card h4{font-size:14px;margin-bottom:8px}.deal-card .amount{color:var(--success);font-weight:700;font-size:15px}.deal-card .meta{font-size:12px;color:var(--text-muted);margin-top:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:20px;font-size:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1419,#1a2744)}.login-box{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:36px}.login-box h1{text-align:center;margin-bottom:8px;color:var(--primary)}.login-box p{text-align:center;color:var(--text-muted);margin-bottom:28px;font-size:14px}.error{background:#7f1d1d;color:#fecaca;padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:14px}.search-bar{display:flex;gap:10px;align-items:center}.search-bar input{max-width:280px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{padding:12px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.activity-item .meta{font-size:12px;color:var(--text-muted);margin-bottom:6px}.checkbox-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border)}.checkbox-row input[type=checkbox]{width:auto}.checkbox-row.done{opacity:.5}.checkbox-row.done .title{text-decoration:line-through}@media(max-width:768px){.sidebar{display:none}.main{margin-left:0}.deal-detail-grid,.task-inline-form{grid-template-columns:1fr}}.deal-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:820px;max-height:90vh;overflow-y:auto}.deal-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.deal-detail-header h2{font-size:22px;margin:6px 0 10px}.deal-detail-stage{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.deal-detail-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--text-muted)}.deal-detail-amount{color:var(--success);font-weight:700;font-size:18px}.deal-detail-desc{margin-top:12px;font-size:14px;color:var(--text-muted);line-height:1.5}.deal-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.deal-section h3{font-size:15px;margin-bottom:14px}.inline-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.inline-form textarea{resize:vertical;min-height:64px}.task-inline-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.task-inline-form input:first-child{grid-column:1 / -1}.task-inline-form button{grid-column:1 / -1;justify-self:start}.deal-tasks-list{display:flex;flex-direction:column;gap:8px}.deal-task-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.deal-task-item.done{opacity:.55}.deal-task-item.done .deal-task-title{text-decoration:line-through}.deal-task-item input[type=checkbox]{width:auto;flex-shrink:0}.deal-task-body{flex:1;min-width:0}.deal-task-title{font-size:14px;font-weight:500}.deal-task-date{font-size:12px;color:var(--primary);margin-top:2px}.empty-hint{color:var(--text-muted);font-size:13px;padding:8px 0}[data-theme=light]{--bg: #f4f6fa;--bg-card: #ffffff;--bg-hover: #eef2f8;--border: #d8dee9;--text: #1a2332;--text-muted: #64748b}.compact .main{padding:16px 20px}.compact th,.compact td{padding:8px 10px}.compact .stat-card{padding:12px}.compact .deal-card{padding:8px}.nav-badge{background:var(--danger);color:#fff;font-size:11px;padding:1px 6px;border-radius:999px;margin-left:6px}.search-trigger{width:100%;margin-bottom:12px;text-align:left}.user-bar-top{display:flex;justify-content:space-between;align-items:flex-start}.user-bar-actions{display:flex;gap:8px;margin-top:10px}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:8px 12px;justify-content:space-around;z-index:50}.mobile-nav a,.mobile-nav button{background:none;border:none;font-size:20px;padding:8px}.mobile-nav a.active{color:var(--primary)}.search-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:560px;overflow:hidden}.search-input{border:none;border-radius:0;border-bottom:1px solid var(--border);padding:16px 20px;font-size:16px}.search-results{max-height:400px;overflow-y:auto}.search-item{display:flex;gap:12px;align-items:center;width:100%;padding:12px 20px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left}.search-item:hover{background:var(--bg-hover)}.search-type{font-size:11px;color:var(--text-muted);min-width:70px}.search-title{font-weight:600;flex:1}.search-sub{font-size:12px;color:var(--text-muted)}.notif-wrap{position:relative}.notif-dropdown{position:absolute;bottom:100%;right:0;width:300px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;max-height:320px;overflow-y:auto}.notif-header{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600}.notif-item{display:block;width:100%;text-align:left;padding:10px 12px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text)}.notif-item.unread{background:var(--bg-hover)}.breadcrumbs{font-size:13px;color:var(--text-muted);margin-bottom:8px}.breadcrumbs a{color:var(--primary)}.deal-detail.wide{max-width:900px}.deal-detail-body{display:flex;flex-direction:column;gap:20px}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:12px}.timeline-icon{font-size:18px;width:28px;text-align:center}.timeline-body{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.timeline-title{font-weight:600;margin-bottom:4px}.template-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{background:var(--bg-hover);border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:999px;font-size:12px}.chip:hover{border-color:var(--primary)}.edit-deal-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.edit-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px;padding:14px 16px}.filters-bar select,.filters-bar input{width:auto;min-width:140px}.toggle-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.toggle-row input{width:auto}.col-stats{text-align:right;font-size:12px;color:var(--text-muted)}.col-sum{display:block;color:var(--success);font-weight:600}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.checkbox-row.overdue{border-left:3px solid var(--danger);background:#ef444414}.checkbox-row.today{border-left:3px solid var(--warning)}.calendar-task.overdue{border-color:var(--danger)}.calendar-task.today{border-color:var(--warning)}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{min-height:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px}.calendar-day-head{font-size:12px;font-weight:600;margin-bottom:8px;color:var(--text-muted)}.calendar-task{font-size:11px;padding:4px 6px;margin-bottom:4px;background:var(--bg);border:1px solid var(--border);border-radius:4px;cursor:grab}.my-day h2{margin-bottom:16px}.my-day-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.my-day-item{display:block;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.conversion-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.conversion-rate{font-weight:700}.progress-bar{height:10px;background:var(--bg);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--success);transition:width .3s}.progress-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.settings-grid h3{margin-bottom:14px}.hint{font-size:13px;color:var(--text-muted);margin-top:8px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.clickable-row{cursor:pointer}.link-row{display:block;padding:8px 0;border-bottom:1px solid var(--border);color:var(--primary)}button.ghost.active{background:var(--bg-hover);border-color:var(--primary)}@media(max-width:768px){.sidebar{display:none}.main{margin-left:0;padding-bottom:70px}.mobile-nav{display:flex}.my-day-grid,.dashboard-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,1fr)}.kanban{flex-direction:column}.kanban-col{max-width:none;min-width:0}.channel-row,.channel-add-form{grid-template-columns:1fr}}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;color:var(--text-muted);font-size:14px}.channel-tabs{display:flex;gap:8px;margin-bottom:16px}.channel-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.channel-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;position:relative}.channel-item:hover{border-color:var(--primary)}.channel-item.selected{border-color:var(--primary);background:var(--bg-hover)}.channel-value{font-weight:600;grid-column:1}.channel-label{font-size:12px;color:var(--text-muted);grid-column:1}.channel-del{grid-column:2;grid-row:1 / span 2;align-self:center}.channel-selected{padding:12px;margin-bottom:12px;background:var(--bg);border-radius:8px;font-size:14px}.channel-action{display:inline-block;margin-left:12px;color:var(--primary);font-weight:600}.channel-add-form,.channel-row{display:grid;grid-template-columns:1fr 140px auto;gap:8px;align-items:center}.card-inner{border:1px solid var(--border)}