:root{--text:#6b6375;--text-h:#08060d;--text-muted:#999;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{letter-spacing:.16px;font-size:16px}}@media (width<=768px){:root{letter-spacing:.15px;font-size:15px}}@media (width<=480px){:root{letter-spacing:.14px;font-size:14px}}*,:before,:after{box-sizing:border-box}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:min(100%,1440px);max-width:100%;min-height:100svh;margin:0 auto;display:flex}@media (width<=1440px){#root{width:100%}}@media (width<=768px){#root{border-inline:none}}body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}@media (width<=768px){h1{letter-spacing:-.84px;margin:16px 0;font-size:28px}}@media (width<=480px){h1{margin:12px 0;font-size:24px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}@media (width<=480px){h2{margin:0 0 6px;font-size:18px}}h3{margin:0 0 8px;font-size:18px;font-weight:600}@media (width<=480px){h3{font-size:16px}}p{margin:0;font-size:16px}@media (width<=480px){p{font-size:14px}}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.portal-shell{flex-direction:column;gap:24px;width:96%;min-width:0;max-width:100%;margin:0 auto;padding:32px 28px;display:flex;overflow-x:hidden}@media (width<=768px){.portal-shell{gap:16px;width:100%;padding:20px 16px}}@media (width<=480px){.portal-shell{gap:12px;padding:16px 12px}}.portal-header{border:1px solid var(--border);background:#ffffff14;border-radius:20px;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}@media (width<=768px){.portal-header{flex-wrap:wrap;gap:14px;padding:18px}}@media (width<=480px){.portal-header{text-align:center;border-radius:16px;justify-content:center;gap:10px;padding:14px}}.portal-brand-copy{min-width:0}.brand-logo{width:72px;height:auto;box-shadow:var(--shadow);border-radius:16px;flex-shrink:0}@media (width<=480px){.brand-logo{width:56px;margin:0 auto}}@media (width<=480px){.portal-brand-copy h1{margin:8px 0;font-size:24px}}@media (width<=480px){.portal-brand-copy p{font-size:14px}}@media (width<=480px){.portal-brand-copy{flex-basis:100%}}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}@media (width<=768px){.header-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-left:0}}@media (width<=480px){.header-actions{flex-direction:row;justify-content:center;align-items:baseline;gap:6px}}.signed-in-text{color:var(--text-muted);font-size:14px}@media (width<=768px){.signed-in-text{text-align:center;font-size:13px}}@media (width<=480px){.signed-in-text{text-align:center;font-size:12px}}.logout-button,.action-button{background:var(--accent-bg);color:var(--accent);cursor:pointer;border:none;border-radius:12px;min-height:44px;padding:10px 18px;font-size:14px;transition:transform .2s,background-color .2s}@media (width<=480px){.logout-button,.action-button{border-radius:10px;min-height:40px;padding:12px 16px;font-size:13px}}@media (width<=480px){.logout-button{min-height:auto;color:var(--accent);box-shadow:none;text-underline-offset:3px;background:0 0;border-radius:0;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.logout-button:hover{box-shadow:none;background:0 0;transform:none}}.logout-button:hover,.action-button:hover{transform:translateY(-1px)}.logout-button:disabled,.action-button:disabled{opacity:.65;cursor:not-allowed}.portal-card{border:1px solid var(--border);background:#ffffff14;border-radius:20px;width:100%;min-width:0;padding:24px;overflow-x:hidden}@media (width<=768px){.portal-card{border-radius:16px;padding:18px}}@media (width<=480px){.portal-card{border-radius:12px;padding:14px}}.page-tabs{flex-wrap:wrap;gap:10px;display:flex}@media (width<=480px){.page-tabs{gap:8px}}.tab{border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:999px;align-items:center;min-height:40px;padding:10px 18px;font-size:14px;transition:all .2s;display:flex}@media (width<=768px){.tab{flex:1;min-height:36px;padding:8px 14px;font-size:13px}}@media (width<=480px){.tab{min-height:36px;padding:8px 12px;font-size:12px}}.tab.active{background:var(--accent-bg);color:var(--accent)}.login-card{max-width:520px;margin:0 auto;padding:32px 28px}@media (width<=768px){.login-card{max-width:100%;padding:24px 20px}}@media (width<=480px){.login-card{padding:18px 14px}}.login-form{gap:18px;margin-top:20px;display:grid}@media (width<=480px){.login-form{gap:14px;margin-top:16px}}.admin-panel{flex-direction:column;gap:20px;display:flex}@media (width<=480px){.admin-panel{gap:14px}}.admin-panel-header{margin-bottom:14px}@media (width<=480px){.admin-panel-header{margin-bottom:10px}}.admin-form{gap:20px;padding:24px 0 0;display:grid}@media (width<=480px){.admin-form{gap:14px;padding:16px 0 0}}.form-header{flex-direction:column;gap:8px;display:flex}@media (width<=480px){.form-header{gap:6px}}.form-header h3{margin:0;font-size:18px}@media (width<=480px){.form-header h3{font-size:16px}}.form-header p{color:var(--text-muted);margin:0;line-height:1.55}@media (width<=480px){.form-header p{font-size:13px}}.form-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=480px){.form-actions{flex-direction:column-reverse;gap:8px}}.admin-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=1024px){.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.admin-form-grid{grid-template-columns:1fr;gap:14px}}@media (width<=480px){.admin-form-grid{gap:12px}}.user-list{margin-top:24px}@media (width<=480px){.user-list{margin-top:16px}}.user-table{border:1px solid var(--border);border-radius:18px;overflow:hidden}@media (width<=768px){.user-table{border-radius:14px}}@media (width<=480px){.user-table{border-radius:10px}}.user-row{background:#ffffff08;border-bottom:1px solid #ffffff14;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;gap:16px;padding:14px 18px;display:grid}@media (width<=768px){.user-row{grid-template-columns:1fr;gap:12px;padding:12px 14px}}@media (width<=480px){.user-row{gap:10px;padding:10px 12px}}.text-input,.form-select,.form-textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0f;border-radius:14px;padding:12px 14px;font-size:14px}.text-input:focus,.form-select:focus,.form-textarea:focus{border-color:#5e7bffb3;outline:none;box-shadow:0 0 0 4px #5e7bff14}.form-select{border-radius:12px;padding:10px 12px}.table-select{font-size:13px}.filter-input,.filter-select{border-radius:12px;min-height:36px;padding:8px 12px;font-size:13px}.lead-control-select{width:100%;max-width:140px;font-size:13px}@media (width<=480px){.lead-control-select{border-radius:10px;width:100%;max-width:100%;padding:8px 10px;font-size:12px}}.user-role-select{border-radius:12px;padding:8px 10px}@media (width<=480px){.user-role-select{border-radius:8px;padding:8px;font-size:13px}}.delete-button{color:#ff4d4d;cursor:pointer;background:#ff696126;border:none;border-radius:12px;min-height:40px;padding:10px 14px;font-size:13px;transition:transform .2s,background-color .2s}@media (width<=480px){.delete-button{border-radius:10px;min-height:36px;padding:10px 12px;font-size:12px}}.delete-button:hover:not(:disabled){background:#ff696140;transform:translateY(-1px)}.delete-button:disabled{opacity:.5;cursor:not-allowed}.user-row.user-row-header{background:#ffffff14;font-weight:700}@media (width<=768px){.user-row.user-row-header{display:none}}.action-button{background:var(--accent-bg);color:var(--accent);cursor:pointer;border:none;border-radius:14px;min-height:44px;padding:12px 20px;font-size:14px;transition:background-color .2s,box-shadow .2s;box-shadow:0 8px 20px #0000000f}@media (width<=480px){.action-button{border-radius:10px;min-height:40px;padding:12px 16px;font-size:13px}}.action-button:hover{background:#7b61ff29;box-shadow:0 10px 24px #00000014}.action-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.input-field{color:var(--text-h);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;gap:10px;padding:16px;font-size:14px;display:grid}@media (width<=480px){.input-field{border-radius:12px;gap:8px;padding:12px}}.input-field span{color:var(--text-muted);letter-spacing:.02em;font-size:13px}@media (width<=480px){.input-field span{font-size:12px}}.input-field .text-input,.input-field .form-select,.input-field .form-textarea{font-size:14px}@media (width<=480px){.input-field .text-input,.input-field .form-select,.input-field .form-textarea{border-radius:10px;padding:12px;font-size:16px}}.password-input-row{display:block;position:relative}.password-input-row .text-input{width:100%;padding-right:46px}.password-toggle-button{color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle-button:hover{color:var(--text-h);background:0 0}@media (width<=480px){.password-toggle-button{width:34px;min-width:34px;height:34px;min-height:34px}}.password-toggle-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.login-note{color:var(--text-muted);margin-top:16px;font-size:14px}@media (width<=480px){.login-note{margin-top:12px;font-size:12px}}.lead-panel-header{flex-flow:column wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}@media (width<=480px){.lead-panel-header{flex-direction:column;gap:12px;margin-bottom:14px}}.lead-panel-actions{gap:12px;display:flex}.status-text{color:var(--text-h);margin:0;font-size:14px}@media (width<=480px){.status-text{font-size:12px}}.status-text.error{color:#ff758f}.lead-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (width<=1024px){.lead-grid{grid-template-columns:1fr}}@media (width<=480px){.lead-grid{gap:12px}}.lead-card{border:1px solid var(--border);background:#ffffff0d;border-radius:18px;gap:12px;padding:18px;display:grid}@media (width<=768px){.lead-card{border-radius:14px;padding:14px}}@media (width<=480px){.lead-card{border-radius:12px;gap:10px;padding:12px}}.lead-card-header{color:var(--accent);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;display:flex}@media (width<=480px){.lead-card-header{font-size:13px}}.lead-card-meta{color:var(--text-muted);font-size:14px}@media (width<=480px){.lead-card-meta{font-size:12px}}.lead-details{gap:10px;display:grid}@media (width<=480px){.lead-details{gap:8px}}.lead-field{grid-template-columns:120px 1fr;gap:10px;font-size:14px;display:grid}@media (width<=768px){.lead-field{grid-template-columns:100px 1fr;gap:8px}}@media (width<=480px){.lead-field{grid-template-columns:80px 1fr;gap:6px;font-size:12px}}.lead-key{color:var(--text-h);font-weight:700}.lead-value{color:var(--text);word-break:break-word}.sample-card pre{background:#00000014;border-radius:14px;margin-top:16px;padding:18px;font-size:13px;overflow-x:auto}@media (width<=480px){.sample-card pre{margin-top:12px;padding:12px;font-size:11px}}.dashboard-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}@media (width<=1200px){.dashboard-summary{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1080px){.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}}.summary-card{border:1px solid var(--border);background:#ffffff0a;border-radius:18px;flex-direction:column;gap:8px;padding:18px;display:flex}@media (width<=768px){.summary-card{border-radius:14px;padding:14px}}@media (width<=480px){.summary-card{border-radius:12px;gap:6px;padding:12px}}.summary-card span{color:var(--text-muted);font-size:13px}@media (width<=480px){.summary-card span{font-size:12px}}.summary-card strong{color:var(--text-h);font-size:28px}@media (width<=768px){.summary-card strong{font-size:24px}}@media (width<=480px){.summary-card strong{font-size:20px}}.dashboard-controls{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}@media (width<=768px){.dashboard-controls{flex-direction:column;gap:12px;margin-bottom:14px}}@media (width<=480px){.dashboard-controls{gap:10px;margin-bottom:12px}}.filter-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=768px){.filter-controls{flex-direction:column;align-items:stretch;gap:10px}}@media (width<=480px){.filter-controls{gap:8px}}.filter-group{align-items:center;gap:10px;display:flex}@media (width<=768px){.filter-group{gap:8px;width:100%}}@media (width<=480px){.filter-group{gap:6px}}.filter-group button{min-height:36px;padding:8px 12px;font-size:13px}@media (width<=480px){.filter-group button{min-height:32px;padding:8px 10px;font-size:12px}}.search-group{min-width:260px}@media (width<=768px){.search-group{min-width:100%}}@media (width<=480px){.search-group{min-width:auto}}.search-group .filter-input{width:100%}@media (width<=480px){.search-group .filter-input{font-size:16px}}.lead-table-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:14px;width:100%;min-width:0;max-width:100%;display:block;overflow-x:auto}@media (width<=768px){.lead-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%}}.lead-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1180px;font-size:15px}@media (width<=1024px){.lead-table{min-width:940px}}@media (width<=768px){.lead-table{font-size:13px}}@media (width<=480px){.lead-table{font-size:12px}}.lead-table th,.lead-table td{text-align:left;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff14;min-width:0;max-width:0;padding:16px 14px;overflow:hidden}@media (width<=768px){.lead-table th,.lead-table td{padding:12px 10px}}@media (width<=480px){.lead-table th,.lead-table td{padding:10px 8px}}.lead-truncate{text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.lead-table th:first-child,.lead-table td:first-child{width:165px}.lead-table th:nth-child(2),.lead-table td:nth-child(2){width:260px}.lead-table th:nth-child(3),.lead-table td:nth-child(3){width:130px}.lead-table th:nth-child(4),.lead-table td:nth-child(4),.lead-table th:nth-child(6),.lead-table td:nth-child(6){width:145px}.lead-table th:nth-child(5),.lead-table td:nth-child(5),.lead-table th:nth-child(9),.lead-table td:nth-child(9){width:110px}.lead-table th:nth-child(7),.lead-table td:nth-child(7),.lead-table th:nth-child(8),.lead-table td:nth-child(8){width:150px}.lead-table th:nth-child(10),.lead-table td:nth-child(10){width:105px}@media (width<=640px){.lead-table-wrapper{border-radius:0;overflow-x:hidden}.lead-table,.lead-table tbody,.lead-table tr,.lead-table td{width:100%;min-width:0;max-width:none;display:block}.lead-table{table-layout:auto;border-collapse:separate;border-spacing:0;font-size:13px}.lead-table thead{display:none}.lead-table tbody{gap:10px;display:grid}.lead-table tr{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;padding:10px}.lead-table td{white-space:normal;border-bottom:1px solid #ffffff14;grid-template-columns:1fr;align-items:start;gap:4px;padding:7px 0;display:grid}.lead-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.lead-table td:last-child{border-bottom:0;padding-bottom:0}.lead-table td[data-label=Actions]{grid-template-columns:1fr}.lead-table td[data-label=Actions]:before,.lead-table td[data-label=Location],.lead-table td[data-label=Loan],.lead-table td[data-label=Property],.lead-table td[data-label=Received]{display:none}.lead-truncate{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;max-width:100%;display:block;overflow:visible}.lead-control-select{max-width:100%}}.lead-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:12px}@media (width<=480px){.lead-table th{font-size:11px}}.lead-row{transition:background-color .2s}.lead-row:hover{background:#ffffff0a}.lead-row.clickable{cursor:pointer}.action-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=480px){.action-group{justify-content:flex-start;gap:6px}}.action-group button{min-height:32px;padding:6px 10px;font-size:12px}@media (width<=480px){.action-group button{white-space:nowrap;width:auto;padding:7px 9px;font-size:11px}}.lead-action-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.lead-action-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.lead-action-label.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lead-action-button:has(.lead-action-icon){border-radius:10px;width:34px;min-width:34px;height:34px;min-height:34px;padding:0}@media (width<=480px){.lead-action-button:has(.lead-action-icon){width:32px;min-width:32px;height:32px;min-height:32px}}.status-badge{color:#111827;border:1px solid #11182729;border-radius:999px;justify-content:center;align-items:center;min-width:88px;padding:8px 10px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff7a}@media (width<=480px){.status-badge{min-width:70px;padding:6px 8px;font-size:11px}}.status-new{background:#e5e7eb}.status-claimed{background:#d1d5db}.status-working{background:#cbd5e1}.status-followed_up{background:#bcc5d0}.status-closed{background:#9ca3af}.status-lost{background:#c4c9d1}.action-button.small{min-height:32px;padding:8px 12px;font-size:13px}@media (width<=480px){.action-button.small{padding:8px 10px;font-size:11px}}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;place-items:center;width:100dvw;height:100dvh;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}@media (width<=480px){.drawer-backdrop{place-items:center;padding:12px}}.drawer-panel{--drawer-bg:var(--bg);--drawer-surface:var(--social-bg);--drawer-field:#ffffffb8;--drawer-readonly-bg:#ffffff05;--drawer-input-bg:#fff;--drawer-header-bg:#f1f5f9;--drawer-header-hover:#e8eef7;--drawer-control-hover:#eef2ff;--drawer-chevron-bg:var(--accent-bg);--drawer-text:var(--text-h);--drawer-muted:#5f6774;--drawer-border:var(--border);--drawer-strong-border:#b8c4d4;--drawer-accent:var(--accent);box-sizing:border-box;background:var(--drawer-bg);border:1px solid var(--drawer-strong-border);width:min(100%,980px);max-width:calc(100dvw - 40px);max-height:calc(100dvh - 40px);color:var(--drawer-text);border-radius:14px;padding:20px;overflow-y:auto;box-shadow:0 24px 70px #0f172a52}@media (prefers-color-scheme:dark){.drawer-panel{--drawer-bg:#16171d;--drawer-surface:#20232c;--drawer-field:#1f222b;--drawer-readonly-bg:#ffffff04;--drawer-input-bg:#111318;--drawer-header-bg:#20242e;--drawer-header-hover:#292e3a;--drawer-control-hover:#272b38;--drawer-chevron-bg:#c084fc2e;--drawer-muted:#b5bdc9;--drawer-border:#333846;--drawer-strong-border:#4a5163;box-shadow:0 24px 70px #00000094}}@media (width<=768px){.drawer-panel{border-radius:16px;max-height:calc(100dvh - 32px);padding:16px}}@media (width<=480px){.drawer-panel{-webkit-overflow-scrolling:touch;border-radius:16px;width:100%;max-width:calc(100dvw - 24px);max-height:calc(100dvh - 24px);padding:14px;overflow-y:auto}}.drawer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}@media (width<=1024px){.drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width<=768px){.drawer-grid{grid-template-columns:1fr;gap:12px}}@media (width<=480px){.drawer-grid{gap:10px;margin-top:14px}}.drawer-grid .input-field.input-full-width{grid-column:span 3}@media (width<=1024px){.drawer-grid .input-field.input-full-width{grid-column:span 2}}@media (width<=768px){.drawer-grid .input-field.input-full-width{grid-column:span 1}}.drawer-section-grid .input-field.input-full-width{grid-column:span 2}@media (width<=768px){.drawer-section-grid .input-field.input-full-width{grid-column:span 1}}.drawer-grid textarea,.drawer-section-grid .form-textarea{resize:vertical;width:100%;min-height:120px}@media (width<=480px){.drawer-grid textarea,.drawer-section-grid .form-textarea{min-height:100px;font-size:16px}}.drawer-top-panel{margin-bottom:10px}@media (width<=480px){.drawer-top-panel{margin-bottom:8px}}.drawer-top-card{border:0;border-bottom:1px solid var(--drawer-border);background:0 0;border-radius:0;gap:10px;padding:0 0 8px;display:grid}@media (width<=768px){.drawer-top-card{border-radius:0;gap:10px;padding:0 0 8px}}@media (width<=480px){.drawer-top-card{border-radius:0;gap:8px;padding:0 0 8px}}.drawer-header{text-align:center;border-bottom:1px solid var(--drawer-border);place-items:center;min-height:58px;margin-bottom:14px;padding:0 48px 12px;display:grid;position:relative}@media (width<=480px){.drawer-header{min-height:46px;margin-bottom:10px;padding:0 38px}}.drawer-heading{min-width:0}.drawer-title{max-width:100%;color:var(--drawer-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;font-weight:700;line-height:1.15;overflow:hidden}@media (width<=768px){.drawer-title{font-size:20px}}@media (width<=480px){.drawer-title{max-width:180px;margin:0 auto;font-size:18px}}.drawer-subtitle{color:var(--drawer-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:6px 0 0;font-size:13px;line-height:1.4;display:flex}@media (width<=480px){.drawer-subtitle{font-size:11px}}.drawer-subtitle span{color:var(--drawer-text)}.drawer-subtitle-item{white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.drawer-subtitle-label{font-weight:650;color:var(--drawer-muted)!important}.drawer-subtitle-divider{margin:0 2px;color:var(--drawer-muted)!important}@media (width<=480px){.drawer-subtitle-divider{display:none}}.drawer-close-button{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--drawer-muted);box-shadow:none;background:0 0;border-radius:999px;padding:0;font-size:18px;font-weight:700;line-height:1;position:absolute;top:0;right:0}@media (width<=480px){.drawer-close-button{width:32px;min-width:32px;height:32px;min-height:32px;font-size:24px}}.drawer-close-button:hover{background:var(--drawer-control-hover);color:var(--drawer-accent);box-shadow:none;transform:none}.drawer-edit-button{background:var(--drawer-control-hover);min-height:36px;color:var(--drawer-accent);box-shadow:none;border-radius:999px;padding:8px 14px;font-weight:700;position:absolute;top:0;right:44px}@media (width<=480px){.drawer-edit-button{min-height:32px;padding:7px 10px;font-size:12px;right:38px}}.drawer-header-edit-actions{align-items:center;gap:8px;display:flex;position:absolute;top:0;right:44px}.drawer-header-edit-actions .drawer-edit-button{position:static;right:auto}@media (width<=480px){.drawer-header-edit-actions{gap:6px;right:38px}}.drawer-edit-button.primary{background:var(--accent-bg);color:var(--accent)}.drawer-edit-button:hover{box-shadow:none;transform:none}.drawer-top-row{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}@media (width<=768px){.drawer-top-row{grid-template-columns:1fr;gap:12px}}@media (width<=480px){.drawer-top-row{gap:10px}}.drawer-workflow-stack{gap:10px;display:grid}.drawer-top-field{color:var(--drawer-text);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}@media (width<=480px){.drawer-top-field{grid-template-columns:1fr;gap:6px}}.drawer-inline-claim-button{justify-self:start}.drawer-top-status-info{display:grid}.drawer-panel .input-field.is-editing,.drawer-top-field{background:0 0;border:0;border-radius:0;gap:10px;padding:4px 0}.drawer-panel .input-field span,.drawer-top-field>span{color:var(--drawer-muted);font-size:13px;font-weight:700;line-height:1.25}.drawer-panel .text-input,.drawer-panel .form-select,.drawer-panel .form-textarea{background:var(--drawer-input-bg);border-color:var(--drawer-strong-border);min-height:38px;color:var(--drawer-text);border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.35}.drawer-panel .form-select{padding:8px 10px}.drawer-panel .form-textarea{resize:none;min-height:104px}.drawer-assigned-readonly{color:var(--drawer-text);background:0 0;border:0;border-radius:0;padding:4px 0;font-size:14px;font-weight:650}@media (width<=480px){.drawer-assigned-readonly{padding:10px 12px;font-size:13px}}.drawer-latest-note{border-bottom:1px solid var(--drawer-border);min-width:0;padding:6px 0 8px}.drawer-latest-note-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.drawer-latest-note-header span{color:var(--drawer-muted);font-size:13px;font-weight:800}.drawer-latest-note-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:12px;display:flex}.drawer-note-add-button{border:1px solid var(--drawer-border);background:var(--drawer-control-hover);color:var(--drawer-accent);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.drawer-note-add-button:hover{border-color:var(--drawer-strong-border)}.drawer-latest-note-meta{color:var(--drawer-muted);justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;font-weight:750;display:flex}.drawer-latest-note p{min-height:40px;color:var(--drawer-text);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600;line-height:1.45}.drawer-text-button{color:var(--drawer-accent);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:800}.drawer-text-button:hover{text-decoration:underline}.drawer-text-button.danger{color:#f87171}.drawer-readonly-value{min-height:30px;color:var(--drawer-text);overflow-wrap:anywhere;background:0 0;border-radius:0;align-items:center;padding:4px 0;font-size:14px;font-weight:650;line-height:1.35;display:flex}.drawer-copyable-value{justify-content:space-between;gap:8px}.drawer-copyable-value span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.drawer-copy-button{width:28px;min-width:28px;height:28px;min-height:28px;color:var(--drawer-accent);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.drawer-copy-button:hover{background:var(--drawer-control-hover)}.drawer-copy-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.drawer-copy-notification{background:var(--drawer-control-hover);color:var(--drawer-accent);text-align:center;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:13px;font-weight:750}.drawer-readonly-notes{white-space:pre-wrap;align-items:flex-start;min-height:64px}.drawer-section{background:var(--drawer-bg);border:1px solid var(--drawer-border);border-radius:10px;margin-top:10px;padding:0;overflow:hidden}@media (width<=768px){.drawer-section{border-radius:12px;margin-top:10px}}@media (width<=480px){.drawer-section{border-radius:12px;margin-top:8px}}.drawer-section-header{background:var(--drawer-header-bg);width:100%;min-height:40px;color:var(--drawer-text);cursor:pointer;text-align:left;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}@media (width<=480px){.drawer-section-header{min-height:40px;padding:0 10px}}.drawer-section-header:hover{background:var(--drawer-header-hover)}.drawer-section-header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.drawer-section-header h3{color:var(--drawer-text);margin:0;font-size:15px;font-weight:800}@media (width<=480px){.drawer-section-header h3{font-size:14px}}.drawer-section-chevron{width:24px;height:24px;color:var(--drawer-accent);box-sizing:border-box;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none;transform-origin:50%;transform-box:fill-box;background:0 0;border-radius:0;flex:none;transition:transform .2s;display:block}.drawer-section.is-open .drawer-section-chevron{transform:scaleY(-1)}.drawer-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:8px 16px 10px;display:grid}@media (width<=768px){.drawer-section-grid{grid-template-columns:1fr;gap:8px}}@media (width<=480px){.drawer-section-grid{gap:8px;padding:0 8px 8px}}.drawer-section-workflow .drawer-section-grid{grid-template-columns:1fr}.drawer-section-grid .input-field{grid-template-columns:minmax(118px,34%) minmax(0,1fr);align-items:center;display:grid}.drawer-section-grid .input-field.is-readonly{border:0;border-bottom:1px solid var(--drawer-border);background:0 0;border-radius:6px;min-height:38px;padding:4px 8px;transition:background-color .16s,border-color .16s}.drawer-section-grid .input-field.is-readonly:hover{background:var(--drawer-readonly-bg);border-bottom-color:var(--drawer-strong-border)}.drawer-section-grid .input-field.is-readonly span{color:var(--drawer-muted);text-align:right;padding-right:12px;font-size:12px;font-weight:750;line-height:1.25}.drawer-section-grid .input-field.is-readonly.input-full-width{grid-template-columns:minmax(118px,17%) minmax(0,1fr)}.drawer-section-grid .input-field.input-full-width{grid-column:span 2}.drawer-section-workflow .input-field{grid-template-columns:132px minmax(0,1fr)}.drawer-section-workflow .input-field.input-full-width{align-items:start}@media (width<=640px){.drawer-section-grid .input-field,.drawer-section-workflow .input-field{grid-template-columns:1fr;gap:6px}.drawer-section-grid .input-field.is-readonly,.drawer-section-grid .input-field.is-readonly.input-full-width{grid-template-columns:1fr}.drawer-section-grid .input-field.is-readonly span{text-align:left;padding-right:0}.drawer-section-grid .input-field.input-full-width{grid-column:span 1}}.drawer-footer{border-top:1px solid var(--drawer-border);justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding-top:10px;display:flex}@media (width<=768px){.drawer-footer{gap:10px;margin-top:18px;padding-top:12px}}@media (width<=480px){.drawer-footer{flex-direction:column-reverse;align-items:stretch;gap:8px;margin-top:16px;padding-top:12px}}.notes-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notes-modal{box-sizing:border-box;background:var(--drawer-bg);border:1px solid var(--drawer-strong-border);border-radius:14px;width:min(100%,680px);max-height:min(760px,100vh - 40px);padding:18px;overflow-y:auto;box-shadow:0 24px 70px #0f172a52}@media (prefers-color-scheme:dark){.notes-modal{box-shadow:0 24px 70px #00000094}}.notes-modal-header{border-bottom:1px solid var(--drawer-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex}.notes-modal-header h3{color:var(--drawer-text);margin:0;font-size:18px}.notes-modal-header p{color:var(--drawer-muted);margin-top:4px;font-size:13px}.notes-modal-close{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--drawer-muted);box-shadow:none;background:0 0;border-radius:999px;padding:0}.notes-list{gap:10px;margin:14px 0;display:grid}.notes-list-item{background:var(--drawer-surface);border:1px solid var(--drawer-border);color:var(--drawer-text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;padding:12px;font-size:14px;line-height:1.45}.notes-list-meta{color:var(--drawer-muted);justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.notes-edit-panel{gap:8px;display:grid}.notes-item-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.notes-empty{color:var(--drawer-muted);font-size:14px}.notes-add-panel{border-top:1px solid var(--drawer-border);gap:10px;padding-top:14px;display:grid}.notes-add-panel label{gap:8px;display:grid}.notes-add-panel label span{color:var(--drawer-muted);font-size:13px;font-weight:800}.drawer-footer-button{min-height:40px;padding:10px 20px;font-size:14px}@media (width<=480px){.drawer-footer-button{width:100%;min-height:40px;padding:10px 16px;font-size:13px}}.drawer-footer-button.primary{background:var(--accent-bg)}
