:root{--ink:#17182a;--muted:#73788d;--line:#e8e9ef;--surface:#fff;--canvas:#f6f7fb;--purple:#6c5ce7;--purple2:#8f7cf0;--green:#20a66a;--red:#d94c58;--orange:#ed8a34;--sidebar:250px;--shadow:0 10px 30px rgba(30,31,52,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.boot-screen{height:100vh;display:grid;place-content:center;justify-items:center;gap:10px}.boot-logo,.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--purple),#a88cff);color:white;font-weight:900;font-size:24px;box-shadow:0 10px 25px rgba(108,92,231,.25)}.boot-screen span{font-size:13px;color:var(--muted)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) 1fr;background:#fff}.login-panel{padding:58px clamp(28px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:12px;position:absolute;top:38px}.login-brand div:last-child{display:flex;flex-direction:column}.login-brand strong{font-size:17px}.login-brand small{color:var(--muted)}.login-panel h1{font-size:38px;letter-spacing:-.04em;margin:0 0 8px}.login-panel>p{color:var(--muted);margin:0 0 32px;line-height:1.55}.login-form{display:grid;gap:17px}.field{display:grid;gap:7px}.field>span{font-size:12px;font-weight:700;color:#555a6f}.field input,.field select,.field textarea,.search-box{width:100%;border:1px solid #dfe1e8;border-radius:11px;padding:12px 13px;background:#fff;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus,.search-box:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(108,92,231,.1)}.primary-btn,.secondary-btn,.danger-btn,.icon-btn{border:0;border-radius:10px;min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.primary-btn{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;box-shadow:0 8px 20px rgba(108,92,231,.22)}.secondary-btn{background:#fff;border:1px solid #dfe2ea;color:#33384c}.danger-btn{background:#fff0f1;color:#b53745}.icon-btn{width:40px;padding:0;background:#f3f4f8}.login-form .primary-btn{height:47px;margin-top:3px}.form-error{color:#b52e3d;background:#fff0f2;border-radius:9px;padding:10px 12px;font-size:13px}.login-story{background:linear-gradient(150deg,#161528,#242142 58%,#503fa5);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";position:absolute;border-radius:50%;filter:blur(4px)}.login-story:before{width:450px;height:450px;background:rgba(150,124,255,.14);right:-120px;top:-80px}.login-story:after{width:300px;height:300px;background:rgba(73,204,183,.09);left:10%;bottom:15%}.login-story .story-content{position:relative;z-index:1;max-width:620px}.login-story h2{font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.055em;margin:0 0 18px}.login-story p{max-width:540px;color:#c7c5dc;font-size:17px;line-height:1.65}.story-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.story-chips span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:99px;font-size:12px}.setup-box{background:#fff7db;border:1px solid #f5dd8c;padding:15px;border-radius:11px;color:#6d5310;line-height:1.5}
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);background:#171627;color:#d8d6e5;padding:22px 13px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.side-brand .brand-mark{width:38px;height:38px;border-radius:11px;font-size:19px}.side-brand strong{display:block;color:#fff}.side-brand small{font-size:10px;color:#8e8ba2;letter-spacing:.12em}.side-workspace{margin:0 5px 18px}.side-workspace label{font-size:9px;color:#777489;letter-spacing:.13em;margin:0 0 6px 3px;display:block}.side-workspace select{width:100%;background:#222034;color:#fff;border:1px solid #302e44;border-radius:9px;padding:10px}.nav-scroll{overflow:auto;flex:1}.nav-group{margin:8px 0 18px}.nav-group-title{font-size:9px;color:#69667a;letter-spacing:.14em;padding:0 10px 7px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:13px;color:#a8a5b7;margin:2px 0}.nav-item:hover{background:#222034;color:#fff}.nav-item.active{background:linear-gradient(90deg,#6c5ce7,#7d68e9);color:#fff;box-shadow:0 8px 18px rgba(108,92,231,.23)}.nav-icon{width:20px;text-align:center}.side-footer{border-top:1px solid #2a283b;padding:14px 7px 0}.user-mini{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:10px;background:#3a3557;display:grid;place-items:center;color:white;font-weight:800}.user-mini div{min-width:0;flex:1}.user-mini strong,.user-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini strong{font-size:12px;color:#fff}.user-mini small{font-size:10px;color:#88859a}.logout-btn{background:none;border:0;color:#aaa7ba;padding:7px}
.app-main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:68px;background:rgba(255,255,255,.91);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:20}.mobile-menu{display:none}.global-search{max-width:430px;flex:1;position:relative}.global-search input{width:100%;border:1px solid #e3e4eb;background:#f7f8fb;border-radius:10px;padding:10px 12px 10px 36px}.global-search:before{content:"⌕";position:absolute;left:13px;top:8px;color:#8c91a2;font-size:20px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.language-btn{border:1px solid #e1e3e9;background:#fff;border-radius:9px;height:36px;padding:0 10px;font-size:11px;font-weight:800}.page{padding:28px clamp(16px,3vw,38px) 50px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}.page-head h1{font-size:27px;letter-spacing:-.035em;margin:0 0 5px}.page-head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:9px;color:var(--purple);font-weight:850;letter-spacing:.16em;margin-bottom:5px}.head-actions{display:flex;gap:8px}
.metrics{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 4px 16px rgba(30,31,52,.03)}.metric small{color:var(--muted);display:block;font-size:11px;margin-bottom:11px}.metric strong{font-size:23px;letter-spacing:-.03em}.metric .metric-dot{width:8px;height:8px;border-radius:50%;float:right;background:var(--purple)}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:15px;margin-bottom:15px}.dashboard-grid.three{grid-template-columns:1.2fr 1fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h2{font-size:14px;margin:0}.panel-head small{color:var(--muted)}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 2px;border-top:1px solid #f0f1f5}.list-row:first-child{border:0}.list-row strong{font-size:12px}.list-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:800;text-transform:capitalize;background:#f0effb;color:#5d4fbc}.chip.red{background:#ffebed;color:#b63946}.chip.green{background:#e4f8ed;color:#187a4c}.chip.orange{background:#fff1e2;color:#a75b18}.progress-row{display:grid;grid-template-columns:100px 1fr 55px;gap:10px;align-items:center;margin:12px 0;font-size:11px}.progress{height:8px;background:#eef0f5;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit}.empty{padding:32px;text-align:center;color:var(--muted);font-size:12px}
.toolbar{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px;margin-bottom:13px}.toolbar .search-box{max-width:420px;padding:9px 11px}.toolbar select{border:1px solid #e1e3ea;border-radius:9px;padding:9px;background:#fff}.toolbar-spacer{flex:1}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:auto;box-shadow:0 5px 20px rgba(30,31,52,.035)}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;background:#f9fafc;color:#757b8e;font-size:9px;letter-spacing:.09em;text-transform:uppercase;padding:12px 15px;border-bottom:1px solid var(--line)}td{padding:13px 15px;border-bottom:1px solid #f0f1f5;font-size:12px;vertical-align:middle}tr:hover td{background:#fcfcfe}.row-title{font-weight:750}.row-sub{color:var(--muted);font-size:10px;margin-top:3px}.row-actions{display:flex;gap:5px}.mini-btn{border:0;background:#f1f2f6;border-radius:7px;padding:6px 8px;font-size:10px}.pager{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;color:var(--muted);font-size:11px}.pager div{display:flex;gap:6px}
.modal-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(16,17,29,.5);border:0;backdrop-filter:blur(3px)}.modal{position:relative;width:min(800px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 90px rgba(15,16,28,.3)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{margin:0;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.wide{grid-column:1/-1}.field textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.check-field{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px}
.pipeline-wrap{overflow-x:auto;padding-bottom:8px}.pipeline{display:flex;gap:12px;min-width:max-content;align-items:flex-start}.stage{width:285px;background:#eef0f5;border-radius:14px;padding:10px;min-height:520px}.stage-head{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 12px}.stage-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.stage-dot{width:8px;height:8px;border-radius:50%}.stage-count{background:#fff;padding:3px 7px;border-radius:99px;font-size:9px}.opp-card{background:#fff;border:1px solid #e2e4eb;border-radius:11px;padding:13px;margin-bottom:8px;box-shadow:0 4px 12px rgba(30,31,52,.04)}.opp-card:active{cursor:grabbing}.opp-card h3{font-size:12px;margin:0 0 5px}.opp-card p{font-size:10px;color:var(--muted);margin:0 0 12px}.opp-bottom{display:flex;justify-content:space-between;font-size:10px}.opp-bottom strong{color:#2d7958}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bars{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:110px 1fr 60px;gap:10px;align-items:center;font-size:11px}.bar{height:12px;background:#eff0f5;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#9c87f2);border-radius:inherit}.source-table{width:100%;min-width:0}.source-table th,.source-table td{padding:10px}.integration-box{display:grid;grid-template-columns:1fr auto;gap:10px;background:#f7f7fb;border:1px solid var(--line);padding:13px;border-radius:11px;align-items:center}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;word-break:break-all}.secret-box{background:#19182a;color:#eae8f5;border-radius:12px;padding:15px;margin:13px 0}.secret-box strong{color:#8af0c1}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#1c1b2c;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.2);font-size:12px;animation:toast .25s ease}.toast.error{background:#9d2e3a}@keyframes toast{from{transform:translateY(10px);opacity:0}}
.proposal-public{background:#eef0f5;padding:40px 18px}.proposal-sheet{max-width:960px;margin:auto;background:#fff;border-radius:20px;padding:50px;box-shadow:0 20px 60px rgba(20,22,40,.12)}.proposal-sheet header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:25px}.proposal-sheet header div:nth-child(2){display:flex;flex-direction:column}.proposal-sheet header small{color:var(--muted)}.proposal-sheet header>span{margin-left:auto}.proposal-hero{padding:45px 0}.proposal-hero h1{font-size:45px;letter-spacing:-.045em;margin:7px 0}.proposal-hero p{color:var(--muted)}.proposal-meta{display:grid;grid-template-columns:repeat(3,1fr);background:#f7f8fb;border-radius:12px;overflow:hidden}.proposal-meta span{padding:16px;display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}.proposal-meta b{color:var(--ink);font-size:12px}.proposal-terms{display:grid;grid-template-columns:1fr 360px;gap:50px;margin:45px 0}.proposal-terms p{white-space:pre-wrap;color:var(--muted);line-height:1.6}.proposal-terms aside{display:grid;gap:10px}.proposal-terms aside span,.proposal-terms aside strong{display:flex;justify-content:space-between}.proposal-terms aside strong{border-top:2px solid var(--ink);padding-top:14px;font-size:18px}
@media(max-width:1150px){.metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid.three{grid-template-columns:1fr 1fr}.dashboard-grid.three>.panel:last-child{grid-column:1/-1}}
@media(max-width:850px){:root{--sidebar:0px}.sidebar{width:250px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.2)}.mobile-menu{display:inline-flex}.app-main{margin:0}.login-shell{grid-template-columns:1fr}.login-story{display:none}.dashboard-grid,.dashboard-grid.three,.report-grid{grid-template-columns:1fr}.dashboard-grid.three>.panel:last-child{grid-column:auto}.topbar{padding:0 14px}.page{padding-top:20px}.proposal-terms{grid-template-columns:1fr}.proposal-sheet{padding:28px}.proposal-hero h1{font-size:34px}}
@media(max-width:560px){.metrics{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric strong{font-size:18px}.page-head{align-items:flex-start}.page-head p{display:none}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.toolbar{flex-wrap:wrap}.toolbar .search-box{max-width:none}.toolbar-spacer{display:none}.login-panel{padding:75px 24px 35px}.login-brand{top:22px}.top-actions .language-btn+button{display:none}.proposal-meta{grid-template-columns:1fr}.proposal-sheet{border-radius:0}.proposal-public{padding:0}}
@media print{.proposal-public{padding:0;background:#fff}.proposal-sheet{box-shadow:none;padding:20px}.proposal-sheet>button{display:none}}