*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Montserrat", sans-serif;--font-mono: "Montserrat", sans-serif;--bg: #F4F6FB;--surface: #FFFFFF;--surface2: #E6EDF9;--border: #D1DDF0;--border-strong: #B8CBEA;--text: #1A1A2E;--text-2: #4A6FA5;--text-3: #6B8CBE;--navy: #0D1B4B;--deep-blue: #122272;--brand: #2451D1;--brand-light: #E6EEFF;--cyan: #0DBBDC;--sky: #4A90E2;--red: #A32D2D;--red-light: #FCEBEB;--green: #15803D;--green-light: #DCFCE7;--amber: #854F0B;--amber-light: #FAEEDA;--radius: 8px;--radius-lg: 12px;--radius-xl: 18px;--shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-lg: 0 8px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03)}.hud-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:all .2s ease-out}.hud-card:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.hud-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--brand);opacity:0;transition:opacity .2s}.hud-card:hover:before{opacity:1}.glass-panel{background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border)}.mono{font-family:var(--font-mono)}.caps{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:10px}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{text-transform:capitalize}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);font-size:14px;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;transition:all .15s;text-transform:capitalize}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{background:#333}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-purple{background:var(--brand);color:#fff}.btn-purple:hover{background:var(--deep-blue)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.badge-new{background:var(--surface2);color:var(--text-2)}.badge-contacted{background:#dbeafe;color:#1d4ed8}.badge-qualified{background:var(--amber-light);color:var(--amber)}.badge-proposal{background:var(--brand-light);color:var(--brand)}.badge-pending-payment{background:#fef3c7;color:#d97706}.badge-won{background:var(--green-light);color:var(--green)}.badge-lost{background:var(--red-light);color:var(--red)}.input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color .15s}.input:focus{border-color:var(--brand)}.input::placeholder{color:var(--text-3)}.sorting{outline:2px solid var(--brand);outline-offset:-2px;z-index:50}.sorting-overlay{box-shadow:0 10px 30px #00000026!important;cursor:grabbing!important}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-full{width:100%!important;max-width:100%!important}.mobile-p-1{padding:12px!important}.mobile-p-2{padding:20px!important}.mobile-flex-col{flex-direction:column!important}.mobile-gap-1{gap:10px!important}table th,table td{padding:8px!important;font-size:11px!important}}.page-pad{padding:24px 32px 64px}@media (max-width: 768px){.page-pad{padding:16px 16px 56px!important}}.modal-card{width:100%!important;max-width:460px;margin:0 16px}.modal-card-lg{max-width:500px}.modal-card-sm{max-width:400px}@media (max-width: 480px){.modal-card,.modal-card-lg,.modal-card-sm{margin:0 12px}}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.btn{min-height:40px;padding:9px 16px;font-size:13px}.btn-ghost{border-color:var(--border-strong);background:var(--surface)}.btn-ghost:active{background:var(--surface2)}.input{min-height:40px;font-size:14px}html,body{max-width:100vw;overflow-x:hidden}}.mobile-tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:border-color .15s}.mobile-tile:hover{border-color:var(--border-strong)}.mobile-tile-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-tile-body{margin-top:10px;padding-top:10px;border-top:1px solid var(--surface2);display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12px}.mobile-tile-body dt{color:var(--text-3);font-weight:500}.mobile-tile-body dd{color:var(--text);margin:0;word-break:break-word}.tile-only{display:none}.row-only{display:block}@media (max-width: 768px){.tile-only{display:block}.row-only{display:none}}