:root{--bg:#f5f7fb;--panel:#fff;--line:#e5eaf0;--text:#182230;--muted:#6b778c;--primary:#315efb;--primary2:#2446c8;--green:#14845f;--orange:#b56f12;--red:#c23f3f;--purple:#704fd1;--shadow:0 10px 28px #141e3712;--radius:16px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.muted{color:var(--muted)}.auth-page{background:radial-gradient(circle at 15% 20%,#e9edff,#0000 31%),radial-gradient(circle at 85% 80%,#edf5ff,#0000 28%),#f6f8fc;place-items:center;min-height:100vh;padding:28px;display:grid;position:relative}.lang-float{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;font-weight:700;position:absolute;top:24px;right:28px}.auth-card{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:1.05fr .95fr;width:min(1000px,96vw);min-height:620px;display:grid;overflow:hidden;box-shadow:0 30px 80px #141e3724}.auth-card-small{width:min(560px,94vw);min-height:auto;display:block}.auth-hero{color:#fff;background:linear-gradient(145deg,#111827,#20304e);flex-direction:column;justify-content:space-between;padding:48px;display:flex}.auth-hero h1{letter-spacing:-.03em;max-width:460px;margin:0 0 16px;font-size:42px;line-height:1.08}.auth-hero p{color:#c8d2e2;max-width:470px;line-height:1.65}.auth-hero>small{color:#92a2bb}.brand{align-items:center;gap:11px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#667dfd,#315efb);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand b{display:block}.brand small{color:#95a3b8;margin-top:2px;display:block}.brand-dark{margin-bottom:24px}.brand-dark small{color:#718096}.feature-list{gap:12px;margin-top:28px;display:grid}.feature-list div{color:#d9e2ef;align-items:center;gap:10px;font-size:13px;display:flex}.feature-list span{color:#aebdff;background:#667dfd33;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.auth-form-panel{flex-direction:column;justify-content:center;padding:52px;display:flex}.auth-form-panel h1,.auth-form-panel h2{letter-spacing:-.02em;margin:0 0 7px;font-size:29px}.auth-tabs{background:#f2f4f8;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:28px;padding:4px;display:grid}.auth-tabs button{color:#69768a;background:0 0;border:0;border-radius:9px;padding:10px}.auth-tabs button.active{color:var(--text);background:#fff;font-weight:750;box-shadow:0 2px 9px #141e3714}.form-stack{gap:15px;display:grid}.form-stack label,.form-grid label,.settings-panel label{color:#5f6c7e;gap:6px;font-size:12px;font-weight:650;display:grid}.form-stack input,.form-stack select,.form-grid input,.form-grid select,.settings-panel input,.row-actions select,.data-table select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#8ea4ff;box-shadow:0 0 0 3px #315efb14}.primary-btn,.secondary-btn,.danger-btn{border:1px solid #0000;border-radius:10px;padding:10px 14px;font-weight:700}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover{background:var(--primary2)}.secondary-btn{border-color:var(--line);color:#344054;background:#fff}.secondary-btn:hover{background:#f7f9fc}.danger-btn{color:#b42318;background:#fff;border-color:#f0c4c4}.auth-links{justify-content:space-between;gap:12px;margin-top:16px;display:flex}.auth-links button{color:var(--primary);background:0 0;border:0;padding:0}.notice{color:#4b5870;background:#f5f8ff;border:1px solid #dbe5ff;border-radius:10px;margin:12px 0;padding:11px 13px;font-size:13px}.danger-note{color:#9c2e2e;background:#fff4f4;border-color:#efc7c7}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.sidebar .brand{padding:7px 8px 15px}.workspace-chip{background:#182232;border:1px solid #2a3547;border-radius:12px;margin:3px 4px 16px;padding:11px}.workspace-chip select,.workspace-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.workspace-chip select{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:13px;font-weight:750}.workspace-chip select option{color:#111827;background:#fff}.workspace-chip small{color:#94a3b8;text-transform:capitalize;margin-top:5px;font-size:11px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 11px;display:flex}.sidebar nav button span{text-align:center;width:20px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1f2937}.sidebar-foot{border-top:1px solid #293548;margin-top:auto;padding:14px 9px 3px}.sidebar-foot b,.sidebar-foot span{display:block}.sidebar-foot b{font-size:12px}.sidebar-foot span{color:#91a0b5;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.main-shell{min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:16px;height:70px;padding:0 22px;display:flex;position:sticky;top:0}.global-search{flex:1;max-width:540px;position:relative}.global-search span{color:#8995a6;position:absolute;top:9px;left:13px}.global-search input{border:1px solid var(--line);background:#f8fafc;border-radius:11px;outline:none;width:100%;padding:10px 13px 10px 38px}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.lang-btn{min-width:58px}.avatar-btn{background:#e8ecf4;border:0;border-radius:50%;width:38px;height:38px;font-weight:800}.content{max-width:1600px;margin:0 auto;padding:25px}.content-notice{justify-content:space-between;align-items:center;gap:12px;display:flex}.content-notice button{color:inherit;background:0 0;border:0;font-size:20px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:19px;display:flex}.page-header h1{letter-spacing:-.025em;margin:0 0 5px;font-size:27px}.page-header p{color:var(--muted);margin:0;font-size:14px}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:17px;display:grid}.kpi{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;min-width:0;padding:17px}.kpi small,.kpi b,.kpi span{display:block}.kpi small{color:#778397;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.kpi b{white-space:nowrap;text-overflow:ellipsis;margin:7px 0 3px;font-size:25px;overflow:hidden}.kpi span{color:#8290a3;font-size:11px}.two-col{grid-template-columns:1.35fr .9fr;gap:15px;margin-bottom:15px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-bottom:15px;padding:18px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.panel-head h3,.settings-panel h3,.security-panel h3{margin:0;font-size:15px}.panel-head button{color:var(--primary);background:0 0;border:0;font-size:12px}.pipeline-snapshot{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;display:grid}.pipeline-snapshot>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;min-width:0;padding:12px}.pipeline-snapshot small,.pipeline-snapshot b,.pipeline-snapshot span{display:block}.pipeline-snapshot small{color:#657286;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.pipeline-snapshot b{margin:6px 0 2px;font-size:19px}.pipeline-snapshot span{color:#8792a3;text-overflow:ellipsis;font-size:10px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #edf0f5;padding:12px 10px;font-size:13px}.data-table th{color:#7b8798;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#fafbfc}.data-table tr:last-child td{border-bottom:0}.data-table td small.cell-sub{color:#8a95a4;margin-top:3px;display:block}.data-table input[type=checkbox]{width:17px;height:17px}.completed{color:#8a95a4;text-decoration:line-through}.stage-badge,.mini-badge{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.stage-badge.blue{color:#315efb;background:#edf2ff}.stage-badge.green{color:#167758;background:#eaf8f2}.stage-badge.orange{color:#a56510;background:#fff4e4}.stage-badge.purple{color:#6744cc;background:#f1edff}.stage-badge.gray,.mini-badge.gray{color:#667085;background:#f1f3f6}.mini-badge.red{color:#b53e3e;background:#fff0f0}.kanban-scroll{padding-bottom:10px;overflow:auto}.kanban{gap:13px;min-width:max-content;display:flex}.kanban-col{background:#edf1f6;border-radius:14px;width:260px;min-height:590px;padding:10px}.kanban-head{justify-content:space-between;align-items:center;padding:4px 3px 10px;display:flex}.kanban-head b{text-transform:uppercase;font-size:11px}.kanban-head span{color:#586579;background:#dce3ed;border-radius:999px;padding:4px 7px;font-size:10px}.loan-card{cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:13px;margin-bottom:9px;padding:13px;box-shadow:0 5px 13px #141e370a}.loan-card:hover{border-color:#c9d4ff}.loan-card>b,.loan-card>small,.loan-card>strong{display:block}.loan-card>b{font-size:13px}.loan-card>small{color:#778397;margin-top:4px;font-size:11px}.loan-card>strong{margin:9px 0;font-size:16px}.loan-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.loan-card>div span{color:#5f6b7e;text-overflow:ellipsis;white-space:nowrap;background:#f1f3f6;border-radius:999px;max-width:145px;padding:4px 6px;font-size:10px;overflow:hidden}.loan-card>div small{color:#8a96a6;font-size:9px}.task-row{border-bottom:1px solid #edf0f5;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.task-row:last-child{border-bottom:0}.task-check{background:#fff;border:1px solid #cfd7e3;border-radius:6px;width:20px;height:20px;padding:0;font-size:11px}.task-check.checked{background:var(--primary);border-color:var(--primary);color:#fff}.task-row b,.task-row small{display:block}.task-row b{font-size:13px}.task-row small{color:#7d8999;margin-top:3px;font-size:11px}.task-row>span{color:#778397;font-size:11px}.task-row>span.overdue{color:var(--red);font-weight:750}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-actions select{min-width:210px}.progress-head{justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.progress{background:#edf1f6;border-radius:999px;height:8px;overflow:hidden}.progress span{background:var(--primary);border-radius:999px;height:100%;display:block}.agenda{gap:9px;display:grid}.agenda-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;grid-template-columns:110px 1fr;gap:12px;padding:13px 15px;display:grid;box-shadow:0 3px 10px #141e3708}.agenda-item>span{color:#607086;font-size:11px;font-weight:800}.agenda-item b,.agenda-item small{display:block}.agenda-item b{font-size:13px}.agenda-item small{color:#8290a3;margin-top:3px;font-size:11px}.report-grid{margin-top:7px}.settings-panel{gap:11px;display:grid}.settings-panel input{margin-top:3px}.settings-actions{margin-top:8px}.info-row{justify-content:space-between;gap:14px;padding:6px 0;font-size:12px;display:flex}.info-row span:first-child{color:#7b8798}.info-row b{text-align:right}.security-panel p{color:#647286;max-width:900px;font-size:13px;line-height:1.6}.security-tags{flex-wrap:wrap;gap:7px;display:flex}.security-tags span{border:1px solid var(--line);color:#5d697b;background:#f1f4fa;border-radius:999px;padding:6px 9px;font-size:10px}.empty{text-align:center;color:#8995a6;padding:34px;font-size:13px}.center-page{align-content:center;place-items:center;gap:10px;min-height:100vh;display:grid}.spinner{border:3px solid #dfe5ef;border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.error-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;max-width:560px;padding:22px}.error-card p{color:#6d798a}.toast{color:#fff;z-index:90;background:#111827;border-radius:10px;padding:11px 14px;font-size:12px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0003}.drawer-backdrop,.modal-backdrop{z-index:60;background:#0f172a5c;justify-content:flex-end;display:flex;position:fixed;inset:0}.loan-drawer{background:#f8fafc;width:min(720px,95vw);height:100%;overflow:auto;box-shadow:-20px 0 50px #0f172a29}.drawer-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;gap:14px;padding:20px 22px;display:flex}.drawer-head h2{margin:2px 0 4px;font-size:24px}.drawer-head p{color:#748195;margin:0;font-size:12px}.eyebrow{color:#8190a3;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;width:34px;height:34px;font-size:20px;line-height:1}.drawer-actions{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;gap:8px;padding:13px 20px;display:flex}.drawer-body{padding:17px}.drawer-metrics{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.metric small,.metric b{display:block}.metric small{color:#7d899b;font-size:10px}.metric b{margin-top:5px;font-size:16px}.next-card{background:#f4f7ff;border:1px solid #dae3ff;border-radius:13px;margin:12px 0;padding:14px}.next-card small,.next-card b,.next-card span{display:block}.next-card small{color:#75829a;text-transform:uppercase;font-size:10px;font-weight:800}.next-card b{margin:6px 0;font-size:16px}.next-card span{color:#7a8798;font-size:11px}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px}.detail-card h4{color:#738095;text-transform:uppercase;margin:0 0 7px;font-size:10px}.drawer-section{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:10px;padding:14px}.drawer-section h3{justify-content:space-between;margin:0 0 10px;font-size:13px;display:flex}.drawer-section h3 span{color:#8190a3;font-size:11px}.activity-item{border-bottom:1px solid #edf0f5;grid-template-columns:110px 1fr;gap:9px;padding:9px 0;display:grid}.activity-item:last-child{border-bottom:0}.activity-item>span{color:#8793a4;font-size:9px}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:12px}.activity-item small{color:#8490a1;margin-top:3px;font-size:10px}.modal-backdrop{justify-content:center;align-items:center;padding:20px}.modal{background:#fff;border-radius:18px;width:min(760px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 80px #0f172a38}.modal-head{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:center;padding:17px 20px;display:flex;position:sticky;top:0}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:20px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label.full{grid-column:1/-1}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:19px;padding-top:15px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.pipeline-snapshot{grid-template-columns:repeat(4,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:15px}.topbar{padding:0 13px}.top-actions .primary-btn{padding:9px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column}.drawer-metrics{grid-template-columns:repeat(2,1fr)}.detail-grid,.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.auth-card{grid-template-columns:1fr;min-height:auto}.auth-hero{display:none}.auth-form-panel{padding:34px 24px}.row-actions{width:100%}.row-actions select{flex:1;min-width:0}.agenda-item{grid-template-columns:90px 1fr}}.team-row{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.team-row:last-of-type{border-bottom:0}.team-row b,.team-row small{display:block}.team-row b{font-size:12px}.team-row small{color:#8190a3;margin-top:3px;font-size:10px}.team-add{grid-template-columns:1.4fr .8fr auto;gap:8px;margin-top:12px;display:grid}.team-add input,.team-add select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 11px}.help-text{color:#8490a1;font-size:10px;line-height:1.5}.file-btn{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (max-width:820px){.team-add{grid-template-columns:1fr}.file-btn{width:100%}}
