*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--kite-blue:#387ed1;--kite-blue-hover:#2d6baf;--kite-orange:#488286;--kite-orange-hover:#3b6c70;--kite-green:#4caf50;--kite-green-light:#e8f5e9;--kite-red:#df514c;--kite-red-light:#fbeae9;--ink:#444;--ink-heading:#222;--muted:#9b9b9b;--muted-dark:#666;--canvas:#fcfcfc;--surface:#fff;--surface-soft:#fbfbfb;--line:#eee;--line-strong:#e0e0e0;--nav:#fff;--nav-border:#f0f0f0;--nav-active:var(--kite-orange);--accent:var(--kite-blue);--accent-hover:var(--kite-blue-hover);--danger:var(--kite-red);--shadow:0 1px 3px #0000000d;--shadow-dropdown:0 4px 12px #00000014;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body,#root{min-width:320px;min-height:100%}body{background:var(--canvas);min-height:100vh;color:var(--ink);font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--kite-blue);text-decoration:none}a:hover{color:var(--kite-blue-hover)}button:focus-visible,a:focus-visible{outline-offset:1px;outline:2px solid #387ed166}.center-state,.empty-state{min-height:180px;color:var(--muted);text-align:center;place-items:center;gap:8px;padding:30px;display:grid}.empty-state svg{color:silver}.empty-state strong{color:var(--ink-heading);font-size:14px;font-weight:500}.empty-state.compact{min-height:72px}.auth-layout{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;gap:18px;width:min(400px,100%);padding:36px 32px;display:grid;box-shadow:0 4px 20px #0000000a}.auth-icon,.brand-mark{color:#fff;background:var(--kite-orange);border-radius:4px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:grid}.auth-card h1,.page-header h1{color:var(--ink-heading);letter-spacing:-.2px;font-size:20px;font-weight:500;line-height:1.3}.auth-card p,.page-header p,.section-title p,.account-card p,.account-card small{color:var(--muted-dark);font-size:13px;line-height:1.5}label{color:#666;gap:6px;min-width:0;font-size:12px;font-weight:400;display:grid}input,select,textarea{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:3px;width:100%;min-width:0;min-height:38px;padding:0 12px;font-size:13px;transition:border-color .14s,box-shadow .14s}.custom-dropdown-container{width:100%;min-width:0;position:relative}.custom-dropdown-trigger{color:#333;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e0e0e0;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 12px;font-size:13px;transition:border-color .14s,box-shadow .14s;display:flex}.custom-dropdown-trigger:hover:not(:disabled){border-color:silver}.custom-dropdown-trigger.open,.custom-dropdown-trigger:focus-visible{border-color:var(--kite-blue);outline:none;box-shadow:0 0 0 2px #387ed11f}.custom-dropdown-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.custom-dropdown-value.placeholder{color:var(--muted)}.custom-dropdown-arrow{color:#777;flex-shrink:0;transition:transform .18s,color .14s}.custom-dropdown-arrow.rotated{color:var(--kite-blue);transform:rotate(180deg)}.custom-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:4px;width:100%;max-height:220px;margin:0;padding:4px;list-style:none;animation:.12s dropdown-fade-in;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 6px 20px #00000014}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{color:#444;cursor:pointer;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background-color .1s,color .1s;display:flex}.custom-dropdown-item:hover{color:#111;background:#f5f5f5}.custom-dropdown-item.selected{color:var(--kite-blue);background:#387ed114;font-weight:500}.custom-dropdown-check{color:var(--kite-blue);flex-shrink:0}.custom-dropdown-container.disabled .custom-dropdown-trigger{opacity:.55;cursor:not-allowed;background:#f9f9f9}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}textarea{resize:vertical;min-height:80px;padding-top:8px}input:focus,select:focus,textarea:focus{border-color:var(--kite-blue);outline:none;box-shadow:0 0 0 2px #387ed11f}input[type=checkbox]{accent-color:var(--kite-blue)}.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button{white-space:nowrap;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.primary-button{color:#fff;background:var(--kite-orange)}.primary-button:hover:not(:disabled){background:var(--kite-orange-hover);color:#fff}.secondary-button{color:var(--kite-blue);border-color:var(--kite-blue);background:#fff}.secondary-button:hover:not(:disabled){color:var(--kite-blue-hover);background:#387ed10d}.ghost-button{color:#666;background:#fff;border-color:#e0e0e0}.ghost-button:hover:not(:disabled){color:#333;background:#f5f5f5;border-color:#d0d0d0}.danger-button{color:#fff;background:var(--kite-red)}.danger-button:hover:not(:disabled){background:#c63934}.icon-button{color:#666;background:0 0;border-color:#eee;width:28px;height:28px;min-height:28px;padding:0}.icon-button:hover:not(:disabled){color:#333;background:#f5f5f5}.icon-button.danger{color:var(--kite-red);border-radius:3px;width:26px;height:26px;min-height:26px}.icon-button.danger:hover:not(:disabled){background:var(--kite-red-light)}.full{width:100%}.alert{overflow-wrap:anywhere;border:1px solid #0000;border-radius:3px;padding:10px 14px;font-size:13px;line-height:1.45}.alert.error{color:var(--kite-red);background:var(--kite-red-light);border-color:#df514c33}.alert.success{color:#2e7d32;background:var(--kite-green-light);border-color:#4caf5033}.sync-progress{border:1px solid var(--line);background:#fff;border-radius:3px;gap:8px;padding:12px 14px;display:grid}.sync-progress-heading{color:#333;justify-content:space-between;gap:12px;font-size:13px;display:flex}.sync-progress small{color:var(--muted)}.sync-progress progress{width:100%;height:6px;accent-color:var(--kite-blue);background:#eee;border:0;border-radius:3px;overflow:hidden}.sync-progress progress::-webkit-progress-bar{background:#eee;border-radius:3px}.sync-progress progress::-webkit-progress-value{background:var(--kite-blue);border-radius:3px}.sync-progress progress::-moz-progress-bar{background:var(--kite-blue);border-radius:3px}.sync-icon.spinning,.spinning{animation:1s linear infinite sync-rotation}@keyframes sync-rotation{to{transform:rotate(360deg)}}.kite-app{background:var(--canvas);flex-direction:column;min-height:100vh;display:flex}.kite-header{z-index:100;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:52px;min-height:52px;max-height:52px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #00000008}.kite-header-left{flex:none;align-items:center;gap:12px;display:flex}.kite-hamburger-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px;display:none}.kite-hamburger-btn:hover{color:#111;background:#f5f5f5}.kite-mobile-backdrop{z-index:999;background:#0006;animation:.16s backdrop-fade;display:flex;position:fixed;inset:0}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.kite-mobile-drawer{background:#fff;flex-direction:column;width:min(290px,82vw);height:100%;animation:.18s cubic-bezier(.16,1,.3,1) drawer-slide;display:flex;box-shadow:4px 0 24px #00000026}@keyframes drawer-slide{0%{transform:translate(-100%)}to{transform:translate(0)}}.kite-mobile-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.kite-user-email{color:var(--muted);font-size:11px;display:block}.kite-mobile-nav{flex-direction:column;flex:1;gap:4px;padding:12px 10px;display:flex;overflow-y:auto}.kite-mobile-nav a{color:#444;border-radius:4px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:400;text-decoration:none;transition:all .12s;display:flex}.kite-mobile-nav a:hover{color:#111;background:#f5f5f5}.kite-mobile-nav a.active{color:var(--kite-orange);background:#ff572214;font-weight:500}.kite-mobile-drawer-footer{border-top:1px solid var(--line);padding:16px}.kite-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.kite-brand .brand-mark{background:var(--kite-orange);color:#fff;border-radius:3px;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;font-size:14px;font-weight:700;display:grid}.kite-brand-text strong{color:var(--ink-heading);font-size:13px;font-weight:500;line-height:1.1;display:block}.kite-brand-text small{color:var(--muted);font-size:10px;display:block}.kite-nav{scrollbar-width:none;align-items:center;gap:4px;height:100%;margin:0 16px;display:flex;overflow-x:auto}.kite-nav::-webkit-scrollbar{display:none}.kite-nav a{color:#666;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;height:52px;padding:0 14px;font-size:13px;font-weight:400;text-decoration:none;transition:color .12s,border-color .12s;display:inline-flex}.kite-nav a:hover{color:var(--kite-orange)}.kite-nav a.active{color:var(--kite-orange);border-bottom-color:var(--kite-orange);font-weight:500}.kite-header-right{flex:none;align-items:center;gap:12px;display:flex}.kite-user-profile{align-items:center;gap:8px;display:flex}.kite-user-avatar{width:26px;height:26px;color:var(--kite-blue);background:#f0f4f8;border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.kite-user-name{color:#444;font-size:12px;font-weight:500}.kite-logout-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:3px;align-items:center;gap:6px;height:30px;min-height:30px;max-height:30px;padding:0 10px;font-size:12px;font-weight:400;transition:all .12s;display:inline-flex}.kite-logout-btn:hover{color:var(--kite-red);background:#f5f5f5;border-color:#d0d0d0}.kite-main-content{background:var(--canvas);flex:1;min-width:0;padding:24px 32px}.main-panel{background:var(--canvas);min-width:0;padding:24px 32px}.page-stack{gap:20px;min-width:0;display:grid}.page-header,.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding-bottom:12px;display:flex}.page-header>div:first-child,.section-title>div{min-width:0}.section-title.compact h2{color:var(--ink-heading);font-size:15px;font-weight:500}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:3px;min-width:0;padding:20px;box-shadow:0 1px 2px #00000005}.security-panel,.security-form,.recovery-panel{gap:16px;display:grid}.security-panel{max-width:720px}.security-state{align-items:center;gap:10px;display:flex}.security-setup{justify-items:start;gap:16px;display:grid}.security-qr{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);border-radius:3px;width:min(240px,100%);padding:8px}.security-form{width:min(420px,100%)}.invitation-panel{gap:16px;width:min(720px,100%);display:grid}.invitation-link-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.invitation-link-row input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.recovery-codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;display:grid}.recovery-codes li{border:1px solid var(--line);overflow-wrap:anywhere;background:#fbfbfb;border-radius:3px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.account-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.account-card{background:var(--surface);border:1px solid var(--line);border-radius:3px;justify-content:space-between;gap:12px;min-width:0;padding:10px;transition:border-color .14s,box-shadow .14s;display:flex}.account-card:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #0000000a}.account-card>div{align-content:start;gap:4px;min-width:0;display:grid}.account-card h3{color:var(--ink-heading);font-size:14px;font-weight:500}.account-card p,.account-card small{overflow-wrap:anywhere;color:var(--muted-dark)}.account-form-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:18px;display:grid}.form-panel,.credential-grid{gap:14px;display:grid}.badge,.status{text-transform:uppercase;border-radius:2px;align-items:center;width:fit-content;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.badge{color:var(--kite-blue);background:#f0f6ff;border:1px solid #387ed133}.status{color:#666;background:#f5f5f5}.status.completed,.status.success{color:var(--kite-green);background:var(--kite-green-light)}.status.queued{color:var(--kite-blue);background:#f0f6ff}.status.processing{color:#e67e22;background:#fef5ea}.status.failed{color:var(--kite-red);background:var(--kite-red-light)}.status.partially_failed{color:#d35400;background:#fdf2e9}.trade-grid{grid-template-columns:minmax(0,1fr) minmax(340px,400px);align-items:start;gap:20px;min-width:0;display:grid}.ticket-column{gap:16px;min-width:0;display:grid;position:sticky;top:18px}.search-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.results-list{gap:6px;max-height:360px;margin-top:12px;display:grid;overflow:auto}.instrument-row{width:100%;min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:3px;grid-template-columns:minmax(0,1fr) 64px 90px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .14s,background-color .14s;display:grid}.instrument-row:hover{background:#fafafa;border-color:#d0d0d0}.instrument-row.selected{border-color:var(--kite-blue);background:#f7faff}.instrument-row strong{color:var(--ink-heading);font-size:13px;font-weight:500;display:block}.instrument-row small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px;display:grid}.check-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e0e0e0;border-radius:4px;align-items:flex-start;gap:12px;min-width:0;padding:12px 14px;transition:all .14s;display:flex;box-shadow:0 1px 2px #00000005}.check-card:hover{background:#fafafa;border-color:silver}.check-card.selected{border-color:var(--kite-blue);box-shadow:0 0 0 1px var(--kite-blue);background:#f7faff}.check-card input[type=checkbox]{cursor:pointer;width:16px;height:16px;min-height:16px;accent-color:var(--kite-blue);flex-shrink:0;margin-top:2px}.check-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.check-card-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.check-card-title{color:var(--ink-heading);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.check-card-broker-badge{text-transform:uppercase;color:var(--kite-blue);letter-spacing:.3px;background:#387ed114;border-radius:2px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.check-card-id{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.order-ticket,.confirm-panel,.basket-panel,.basket-list{gap:12px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-box,.result-row,.execution-line{border:1px solid var(--line);background:#fbfbfb;border-radius:3px;gap:4px;min-width:0;padding:10px;font-size:12px;display:grid}.result-list{gap:6px;display:grid}.basket-row{border:1px solid var(--line);background:#fbfbfb;border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:grid}.basket-row strong{color:var(--ink-heading);font-size:13px;font-weight:500}.basket-row small{color:var(--muted);margin-top:2px;display:block}.chain-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;max-height:420px;margin-top:10px;display:grid;overflow:auto}.chain-row{min-width:0;min-height:52px;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:3px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:8px 10px;display:grid}.execution-line.compact{background:0 0;border:0;padding:2px 0}.position-note,.muted{color:var(--muted-dark);line-height:1.5}.position-errors{gap:6px;margin-top:12px;display:grid}.positive-value{color:var(--kite-green);font-weight:500}.negative-value{color:var(--kite-red);font-weight:500}.option-chain pre{color:#333;border:1px solid var(--line);background:#fbfbfb;border-radius:3px;max-height:260px;padding:10px;font-size:12px;overflow:auto}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 12px;font-size:13px}th{color:var(--muted-dark);text-transform:uppercase;white-space:nowrap;background:#fcfcfc;font-size:11px;font-weight:500}tbody tr:hover{background:#fafafa}@media (width<=1120px){.trade-grid{grid-template-columns:minmax(0,1fr)}.ticket-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;position:static}.order-ticket{grid-row:span 2}}@media (width<=900px){.kite-header{height:52px;min-height:52px;max-height:52px;padding:0 16px}.kite-hamburger-btn{display:inline-flex}.desktop-only{display:none!important}.kite-user-name,.kite-logout-btn{display:none}.kite-main-content,.main-panel{padding:16px}.account-form-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=680px){.main-panel{padding:16px 12px 24px}.page-stack{gap:14px}.page-header,.section-title{flex-direction:column;align-items:stretch;gap:10px}.page-header h1{font-size:18px}.page-header .toolbar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page-header .toolbar>*{white-space:normal;text-align:center;min-width:0}.panel{padding:14px}.toolbar{gap:6px}.search-bar{grid-template-columns:auto minmax(0,1fr)}.search-bar button{grid-column:1/-1;width:100%}.instrument-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.instrument-row>span:first-child{grid-column:1/-1}.two-col,.ticket-column,.invitation-link-row{grid-template-columns:minmax(0,1fr)}.order-ticket{grid-row:auto}.chain-grid{grid-template-columns:minmax(0,1fr);max-height:320px}.recovery-codes{grid-template-columns:minmax(0,1fr)}.security-state{flex-wrap:wrap}.auth-layout{min-height:100svh;padding:14px}.auth-card{padding:24px 18px}}@media (width<=420px){.sidebar{padding-inline:10px}.brand-mark{width:32px;height:32px}.brand strong{font-size:13px}.brand small{font-size:10px}.nav-list a{gap:6px;padding-inline:8px;font-size:12px}.user-box .ghost-button{width:34px;padding:0;font-size:0;overflow:hidden}.user-box .ghost-button svg{flex:none}.page-header .toolbar{grid-template-columns:minmax(0,1fr)}.instrument-row>span:not(:first-child){font-size:11px}}.kite-pagination-bar{border-top:1px solid var(--line);color:var(--muted-dark);justify-content:space-between;align-items:center;margin-top:12px;padding:14px 16px 4px;font-size:12px;display:flex}.kite-pagination-info strong{color:var(--ink-heading);font-weight:600}.kite-pagination-controls{align-items:center;gap:8px;display:flex}.kite-page-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:3px;justify-content:center;align-items:center;width:30px;height:30px;min-height:30px;padding:0;transition:all .12s;display:inline-flex}.kite-page-btn:hover:not(:disabled){color:var(--kite-blue);background:#f5f5f5;border-color:silver}.kite-page-btn:disabled{opacity:.4;cursor:not-allowed;background:#fafafa}.kite-page-indicator{color:#444;padding:0 4px;font-size:12px;font-weight:500}@media (width<=680px){.kite-pagination-bar{text-align:center;flex-direction:column;align-items:stretch;gap:10px}.kite-pagination-controls{justify-content:center}.desktop-table-view{display:none!important}.mobile-invitations-cards{flex-direction:column;gap:12px;display:flex!important}.invitation-card-mobile{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 1px 3px #00000008}.invitation-card-mobile .card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.invitation-card-mobile .card-meta{background:#f8fafc;border-radius:6px;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px;font-size:12px;display:grid}.invitation-card-mobile .card-meta div{flex-direction:column;gap:2px;display:flex}.invitation-card-mobile .card-meta small{color:#888;text-transform:uppercase;font-size:11px;font-weight:500}.invitation-card-mobile .card-meta span{color:#333;font-weight:500}}@media (width>=681px){.mobile-invitations-cards{display:none!important}}