:root,:root[data-theme=light]{--primary: #1a7a8c;--primary-dark: #0a363d;--accent: #ff9d2e;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-secondary: #64748b;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text);color-scheme:light}:root[data-theme=dark]{--primary: #4ec5d6;--primary-dark: #0a363d;--accent: #ffb84d;--bg: #0a1518;--surface: #14242a;--surface-2: #1a3138;--border: #2a4147;--text: #e2e8f0;--text-secondary: #94a3b8;--success: #22c55e;--warning: #f59e0b;--danger: #f87171;color-scheme:dark}.sidebar{background:linear-gradient(180deg,#0b4247,#07363b 55%,#052b30)!important;box-shadow:12px 0 42px #021f231f}.sidebar__brand{border-bottom-color:#ffffff14!important}.sidebar__brand-icon{background:linear-gradient(135deg,#ffad32,#ff9418)!important;color:#173b3e!important;box-shadow:0 8px 20px #ff9d2e33}.sidebar__nav-group{color:#ffffff6b!important;letter-spacing:.13em}.sidebar__link{margin:2px 10px;border-radius:10px;color:#ffffffba!important}.sidebar__link:hover{background:#ffffff13!important;color:#fff!important}.sidebar__link--active{background:linear-gradient(100deg,#12a799,#0b827c)!important;color:#fff!important;box-shadow:0 8px 18px #00191b33}.main{background:radial-gradient(circle at 100% 0%,rgba(8,127,120,.055),transparent 30rem),#f3f6f5!important}.main .card,.main .panel,.main .stat-card{border:1px solid #dfe8e5;border-radius:16px;box-shadow:0 1px 2px #0f2a2e0a,0 12px 32px #0f2a2e0e}body,.card,.modal,.btn,.form-input,.form-select,.form-textarea{transition:background-color .2s ease,border-color .2s ease,color .2s ease}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.app-shell{display:flex;min-height:100vh}.mobile-nav-toggle,.mobile-nav-overlay,.sidebar__close{display:none}.sidebar{width:240px;background:var(--primary-dark);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__brand{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.sidebar__brand-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#ff9d2e,#ffb84d);color:#0a363d;font-weight:800;font-size:12px;display:grid;place-items:center}.sidebar__brand-text{line-height:1.15}.sidebar__brand-title{font-weight:700;font-size:14px}.sidebar__brand-subtitle{font-size:10px;opacity:.55;letter-spacing:.14em;text-transform:uppercase}.sidebar__nav{padding:8px 12px;flex:1}.sidebar__nav-group{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.4;padding:14px 12px 6px;font-weight:600}.sidebar__link{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;border-radius:8px;font-size:13px;color:#ffffffb3;text-decoration:none;cursor:pointer}.sidebar__link:hover{background:#ffffff0d;color:#fff}.sidebar__link--active{background:#ffd16629;color:#ffd166}.sidebar__footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:11px}.sidebar__user-name{font-weight:600;font-size:12px}.sidebar__user-role{font-size:10px;opacity:.6}.sidebar__logout-btn{background:none;border:none;color:#fff6;cursor:pointer;font-size:14px;padding:4px 8px}.main{flex:1;padding:24px;max-width:100%;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-header h1{margin:0 0 4px;font-size:22px;font-weight:700}.page-header .subtitle{color:var(--text-secondary);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 2px 8px #0000000a}.page-fade-in{animation:pageFadeIn .25s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn{transition:background .15s,transform .1s,box-shadow .15s}.btn:active{transform:scale(.97)}.btn--primary:hover{box-shadow:0 4px 12px #1a7a8c40}.card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi-card{animation:kpiSlideUp .35s cubic-bezier(.16,1,.3,1) backwards}.kpi-card:nth-child(1){animation-delay:0ms}.kpi-card:nth-child(2){animation-delay:60ms}.kpi-card:nth-child(3){animation-delay:.12s}.kpi-card:nth-child(4){animation-delay:.18s}.kpi-card:nth-child(5){animation-delay:.24s}@keyframes kpiSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kpi-card .label{font-size:11px;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase}.kpi-card .value{font-size:22px;font-weight:800;margin-top:4px;color:var(--primary-dark)}.kpi-card .sub{font-size:11px;color:var(--text-secondary);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:var(--text)}.btn:hover{background:#f1f5f9}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background:var(--primary-dark)}.btn--sm{padding:4px 10px;font-size:11px}.btn--danger{color:var(--danger);border-color:#fecaca}table.tbl{width:100%;border-collapse:collapse}table.tbl th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600}table.tbl td{padding:12px;border-bottom:1px solid var(--border);font-size:13px}table.tbl tbody tr:hover{background:#f8fafc}.form-row{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.form-input,.form-textarea,.form-select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);font-size:13px;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a7a8c1a}.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.04em;background:#e2e8f0;color:var(--text-secondary)}.tag--success{background:#dcfce7;color:#166534}.tag--warning{background:#fef3c7;color:#92400e}.tag--danger{background:#fee2e2;color:#991b1b}.tag--info{background:#dbeafe;color:#1d4ed8}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kanban-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:16px;min-height:70vh}.kanban-column{flex:0 0 280px;background:#f1f5f9;border-radius:10px;padding:10px;display:flex;flex-direction:column}.kanban-column__header{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px;border-bottom:2px solid var(--border);margin-bottom:10px}.kanban-column__title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.kanban-column__count{font-size:11px;color:var(--text-secondary);background:#fff;padding:2px 8px;border-radius:20px}.kanban-column__total{font-size:10px;color:var(--text-secondary);margin-bottom:6px}.kanban-column__drop{min-height:50px}.kanban-column--drop-target{background:#fef9c3}.deal-card{background:#fff;padding:10px;border-radius:8px;margin-bottom:8px;border:1px solid var(--border);cursor:grab;font-size:12px}.deal-card:hover{box-shadow:0 4px 10px #0000000f}.deal-card--dragging{opacity:.4;cursor:grabbing}.deal-card__code{font-family:monospace;font-size:10px;color:var(--text-secondary)}.deal-card__title{font-weight:600;margin:2px 0 4px;font-size:13px}.deal-card__amount{font-family:monospace;font-weight:700;color:var(--primary-dark);font-size:12px}.deal-card__company{font-size:11px;color:var(--text-secondary);margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:#fff;border-radius:14px;padding:24px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.modal-lg{max-width:720px}.modal__title{font-size:18px;font-weight:700;margin:0 0 16px}.modal__footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}@media(max-width:899px){.app-shell{display:block}.mobile-nav-toggle{display:flex;align-items:center;gap:10px;position:sticky;top:0;width:100%;min-height:56px;padding:0 16px;z-index:80;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:700;cursor:pointer}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;border:0;background:#020f1294}.mobile-nav-overlay--open{display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:90;width:min(84vw,300px);height:100dvh;transform:translate(-105%);transition:transform .2s ease;box-shadow:16px 0 40px #0000003d}.sidebar--open{transform:translate(0)}.sidebar__brand{padding-right:12px}.sidebar__close{display:grid;place-items:center;margin-left:auto;min-width:44px;min-height:44px;border:0;border-radius:8px;background:#ffffff14;color:#fff;font-size:26px;cursor:pointer}.sidebar__link{min-height:44px}.main{padding:16px;overflow-x:hidden}.page-header{flex-wrap:wrap;gap:12px}.page-header>*{min-width:0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.card:has(table.tbl){overflow-x:auto}table.tbl{min-width:640px}.modal-backdrop{padding:12px;align-items:end}.modal{padding:18px;max-height:calc(100dvh - 24px);border-radius:14px 14px 0 0}.modal__footer{flex-wrap:wrap}.modal__footer .btn{flex:1 1 120px;justify-content:center;min-height:44px}}@media(max-width:479px){.main{padding:12px}.page-header h1{font-size:19px}.card{padding:12px}.btn{min-height:44px}.kanban-column{flex-basis:min(86vw,280px)}}.alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:12px}.alert--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0a363d,#1a7a8c);padding:20px}.login-card{background:#fff;border-radius:16px;padding:32px;max-width:380px;width:100%;text-align:center;box-shadow:0 24px 70px #0000004d}:root[data-theme=dark] .main{background:radial-gradient(circle at 100% 0%,rgba(20,184,166,.09),transparent 30rem),var(--bg)!important;color:var(--text)}:root[data-theme=dark] .topbar,:root[data-theme=dark] .card,:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .modal,:root[data-theme=dark] .login-card,:root[data-theme=dark] .deal-card,:root[data-theme=dark] .kanban-column,:root[data-theme=dark] .dropdown,:root[data-theme=dark] .popover{background:var(--surface)!important;color:var(--text);border-color:var(--border)!important}:root[data-theme=dark] .kanban-column__count,:root[data-theme=dark] .btn,:root[data-theme=dark] .form-input,:root[data-theme=dark] .form-textarea,:root[data-theme=dark] .form-select,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#71858d}:root[data-theme=dark] .btn:hover,:root[data-theme=dark] .dropdown-item:hover,:root[data-theme=dark] table.tbl tbody tr:hover{background:#203941!important}:root[data-theme=dark] table.tbl th,:root[data-theme=dark] table.tbl td{border-color:var(--border);color:var(--text)}:root[data-theme=dark] .kanban-column--drop-target{background:#3f3517!important}:root[data-theme=dark] .tag{background:#293f47;color:#cbd5e1}:root[data-theme=dark] .tag--success{background:#123c2a;color:#86efac}:root[data-theme=dark] .tag--warning{background:#453515;color:#fcd34d}:root[data-theme=dark] .tag--danger{background:#461d22;color:#fca5a5}:root[data-theme=dark] .tag--info{background:#172e4b;color:#93c5fd}:root[data-theme=dark] .alert--error{background:#461d22;color:#fecaca;border-color:#7f1d1d}