:root{color:#172033;background:#eef2f6;font-family:Inter,Microsoft YaHei,PingFang SC,Hiragino Sans GB,Arial,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#19587deb,#152033db),url("data:image/svg+xml,%3Csvg width='1200' height='800' viewBox='0 0 1200 800' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1200' height='800' fill='%23d8e2eb'/%3E%3Cg fill='none' stroke='%2390a8b8' stroke-width='2' opacity='.55'%3E%3Cpath d='M80 120h240v160H80zM380 120h340v80H380zM380 240h260v40H380zM80 360h460v220H80zM620 360h500v80H620zM620 480h420v100H620z'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.52'%3E%3Ccircle cx='930' cy='210' r='64'/%3E%3Ccircle cx='1030' cy='210' r='38'/%3E%3Crect x='740' y='610' width='300' height='46' rx='8'/%3E%3C/g%3E%3C/svg%3E");background-position:center;background-size:cover}.login-panel{width:min(440px,100%);border-radius:8px;padding:32px;background:#fff;box-shadow:0 24px 70px #0c182647}.login-heading,.brand,.user-box{display:flex;align-items:center;gap:12px}.login-heading{margin-bottom:28px}.login-heading h1,.topbar h1,.panel h2{margin:0}.login-heading p,.topbar p,.summary-card p,.empty-panel p{margin:4px 0 0;color:#667085}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#176b87;color:#fff;font-weight:700}.brand-mark.large{width:52px;height:52px;font-size:22px}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;color:#344054;font-weight:600}.login-form input{width:100%;border:1px solid #cfd7e2;border-radius:6px;padding:12px 14px;outline:none}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:72px}.password-toggle{position:absolute;right:8px;border:0;border-radius:6px;padding:6px 8px;background:#eef6f8;color:#176b87;font-size:13px;font-weight:700}.password-toggle:hover{background:#dceff4}.login-form input:focus{border-color:#176b87;box-shadow:0 0 0 3px #176b8726}.login-form button{border:0;border-radius:6px;padding:12px 16px;background:#176b87;color:#fff;font-weight:700}.login-form button:disabled{cursor:not-allowed;opacity:.7}.form-error{margin:0;border-radius:6px;padding:10px 12px;background:#fff1f0;color:#b42318}.form-success{margin:0 0 14px;border-radius:6px;padding:10px 12px;background:#ecfdf3;color:#027a48}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr);background:#eef2f6}.sidebar{display:flex;flex-direction:column;gap:24px;padding:22px 16px;background:#14213d;color:#fff}.brand{padding:0 6px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:#b8c2d6;font-size:13px}.menu{display:grid;gap:6px}.menu-item{display:flex;align-items:center;gap:10px;min-height:42px;border-radius:6px;padding:10px 12px;color:#d9e1ef;text-decoration:none}.menu-item:hover,.menu-item.active{background:#1f7a8c;color:#fff}.menu-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;background:#ffffff1a;font-size:14px}.main-area{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:16px 28px;border-bottom:1px solid #dde5ee;background:#fff}.topbar h1{color:#172033;font-size:22px}.topbar p{font-size:14px}.avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#e4f1f4;color:#176b87;font-weight:700}.user-text{display:grid;min-width:96px}.user-text span{color:#667085;font-size:13px}.icon-button{border:1px solid #cfd7e2;border-radius:6px;padding:8px 12px;background:#fff;color:#344054}.content{padding:28px}.page-stack{display:grid;gap:20px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.summary-card,.panel{border:1px solid #dde5ee;border-radius:8px;background:#fff}.summary-card{padding:20px}.summary-card span{color:#667085}.summary-card strong{display:block;margin-top:10px;color:#172033;font-size:32px}.panel{padding:22px}.status-list{display:grid;gap:12px;margin-top:16px}.status-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5;padding-bottom:12px}.status-list div:last-child{border-bottom:0;padding-bottom:0}.toolbar-panel{display:grid;gap:16px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}.filter-grid label,.form-grid label{display:grid;gap:6px;color:#344054;font-weight:600}.filter-grid input,.filter-grid select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cfd7e2;border-radius:6px;padding:10px 12px;outline:none}.toolbar-actions{display:flex;justify-content:flex-end;gap:10px}.primary-button,.secondary-button{border-radius:6px;padding:9px 14px;font-weight:700}.primary-button{border:1px solid #176b87;background:#176b87;color:#fff}.secondary-button{border:1px solid #cfd7e2;background:#fff;color:#344054}.table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.table-header span{color:#667085}.table-wrap{overflow-x:auto}.data-table{width:100%;min-width:920px;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid #edf1f5;padding:12px 10px;text-align:left;vertical-align:top}.data-table th{color:#667085;font-size:13px;white-space:nowrap}.data-table td small{display:block;margin-top:4px;max-width:220px;color:#667085}.table-empty{color:#667085;text-align:center!important}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.link-button,.danger-link,.close-button{border:0;background:transparent;font-weight:700}.link-button{color:#176b87}.danger-link{color:#b42318}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#0f172a7a}.customer-form{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:8px;padding:22px;background:#fff;box-shadow:0 20px 60px #0f172a52}.customer-form header,.customer-form footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-form header{margin-bottom:18px}.customer-form footer{margin-top:18px}.customer-form h2{margin:0}.close-button{color:#667085;font-size:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full-field{grid-column:1 / -1}.private-filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.stage-select{min-width:118px;border:1px solid #cfd7e2;border-radius:6px;padding:7px 8px;background:#fff;color:#172033}.followup-list{display:grid;gap:10px;margin-top:18px;border-top:1px solid #edf1f5;padding-top:16px}.followup-item{border:1px solid #dde5ee;border-radius:8px;padding:12px;background:#f8fafc}.followup-item p{margin:8px 0;color:#344054}.followup-item small{color:#667085}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.menu{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column;padding:18px}.content{padding:18px}.summary-grid,.filter-grid,.form-grid{grid-template-columns:1fr}.toolbar-actions{justify-content:stretch}.toolbar-actions button{flex:1}.user-box{width:100%;justify-content:space-between}}