:root{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#263332;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#edf4f2}.login-brand{position:relative;overflow:hidden;padding:9vh 9vw;color:#fff;background:linear-gradient(145deg,#245d5d,#4aa09c 64%,#76b9aa)}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff22;border-radius:50%;right:-180px;bottom:-230px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff08}.brand-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;color:#398b88;font-family:serif;font-size:32px;font-weight:700;box-shadow:0 12px 32px #153f3d44}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:22px}.eyebrow{margin:64px 0 14px;font-size:11px;font-weight:800;letter-spacing:.18em;opacity:.72}.eyebrow.green{margin:0 0 13px;color:#318c89}.eyebrow.light{margin:0 0 10px}.login-brand h1{font-size:clamp(42px,5vw,68px);line-height:1.18;margin:0;font-weight:650;letter-spacing:-.04em}.brand-copy{max-width:460px;font-size:16px;line-height:1.8;color:#e9f7f4}.quote-card{position:absolute;z-index:1;left:9vw;bottom:9vh;width:min(420px,70%);padding:20px 24px;border:1px solid #ffffff29;border-radius:18px;background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-card span{font-size:11px;opacity:.66}.quote-card p{margin:7px 0 0;font-size:16px}.login-panel{display:grid;place-items:center;padding:40px;background:#fbfcfb}.login-card{width:min(420px,100%)}.login-card h2{font-size:30px;margin:0 0 8px}.muted{color:#7f8c89;margin:0 0 36px}.login-card label,.compose-card label,.reply-label{display:grid;gap:9px;font-size:13px;font-weight:650;color:#54615f}.login-card input,.compose-card input,.compose-card select,.compose-card textarea,.reply-label textarea,.search input{width:100%;border:1px solid #dde4e2;border-radius:12px;padding:14px 15px;background:#fff;outline:none;transition:.2s}.login-card input:focus,.compose-card input:focus,.compose-card textarea:focus,.compose-card select:focus,.reply-label textarea:focus,.search input:focus{border-color:#4ba7a6;box-shadow:0 0 0 3px #4ba7a61c}.primary-button{width:100%;border:0;border-radius:13px;padding:14px 18px;margin-top:22px;background:#429a97;color:#fff;font-weight:750;box-shadow:0 9px 22px #3d989633}.primary-button:disabled{opacity:.55;cursor:not-allowed}.security-note{text-align:center;color:#99a3a1;font-size:11px;margin-top:18px}.form-error{font-size:12px;color:#d65c5c;margin:9px 0 0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:240px;padding:28px 18px 20px;background:#183f40;color:#d9eeee;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.sidebar-brand div:last-child{display:grid}.sidebar-brand strong{font-size:18px;color:#fff}.sidebar-brand span{font-size:10px;letter-spacing:.12em;opacity:.6}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:12px;padding:12px 14px;color:#b8d1d0;background:transparent;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff16}.nav-icon{display:grid;place-items:center;width:24px;font-size:20px}.nav-badge{margin-left:auto;min-width:22px;padding:2px 6px;border-radius:11px;background:#ef8d72;color:#fff;font-size:10px;text-align:center}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff17;padding:18px 8px 0;font-size:11px;color:#8fb0ae;display:flex;align-items:center;gap:7px}.sidebar-foot button{margin-left:auto;border:0;background:transparent;color:#a9c3c1}.online-dot{width:7px;height:7px;border-radius:50%;background:#69d0a2;box-shadow:0 0 0 4px #69d0a21a}.main-area{margin-left:240px;min-height:100vh}.topbar{height:96px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#fafbfa;border-bottom:1px solid #e7ecea}.breadcrumb{margin:0 0 5px;color:#98a4a1;font-size:11px}.topbar h1{font-size:23px;margin:0}.admin-profile{display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#deefec;color:#318784;font-weight:750}.admin-profile div:last-child{display:grid}.admin-profile strong{font-size:12px}.admin-profile span{font-size:10px;color:#9aa4a2}.content{max-width:1450px;margin:auto;padding:30px 34px 60px}.hero-card{min-height:190px;padding:34px 40px;border-radius:24px;background:linear-gradient(110deg,#397f7d,#5fa9a0);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #ffffff20;right:35px;top:-120px;box-shadow:0 0 0 55px #ffffff08}.hero-card h2{font-size:30px;margin:0 0 10px}.hero-card p{color:#daf0ec;margin:0}.hero-orbit{position:relative;z-index:1;display:grid;place-items:center;width:110px;height:110px;border:1px solid #ffffff32;border-radius:50%;background:#ffffff12}.hero-orbit span{font-size:34px;font-weight:800;line-height:1}.hero-orbit small{font-size:11px;color:#dcefeb}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stats-grid article,.panel{background:#fff;border:1px solid #e8edeb;border-radius:18px;box-shadow:0 4px 16px #1b3d3610}.stats-grid article{padding:20px}.stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e2f2ef;color:#3f9692}.stat-icon.gold{background:#fff1d8;color:#c48b35}.stat-icon.blue{background:#e7effb;color:#5881b0}.stat-icon.coral{background:#ffebe5;color:#d6755c}.stats-grid p{margin:16px 0 4px;color:#73807d;font-size:12px}.stats-grid strong{font-size:28px}.stats-grid article>span{display:block;color:#abb4b2;font-size:10px;margin-top:5px}.two-column{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head span,.preview-card>span{font-size:10px;letter-spacing:.14em;color:#58a09c;font-weight:750}.panel-head h3{margin:4px 0 0;font-size:17px}.text-button{border:0;background:transparent;color:#4a9996;font-size:12px}.compact-feedback{width:100%;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;border:0;border-top:1px solid #f0f2f1;padding:14px 2px;background:transparent;text-align:left}.status-dot{width:7px;height:7px;border-radius:50%;background:#ef8d72}.status-dot.done{background:#6eb9a5}.compact-feedback div{min-width:0}.compact-feedback strong{font-size:13px}.compact-feedback p{margin:4px 0 0;color:#86908e;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-feedback time,.feedback-row time,.message-list time{font-size:10px;color:#a3acaa}.quick-panel button{width:100%;display:flex;align-items:center;gap:12px;border:0;border-top:1px solid #f0f2f1;padding:16px 0;background:transparent;text-align:left}.quick-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e3f1ef;color:#44938f;font-size:20px}.quick-icon.blue{background:#e8eff9;color:#5c80ad}.quick-panel button div{display:grid;gap:4px}.quick-panel button small{color:#9ca6a4}.quick-panel button b{margin-left:auto;color:#7ba8a5}.toolbar-panel{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-bottom:16px}.filter-tabs{display:flex;gap:6px}.filter-tabs button{border:0;border-radius:10px;padding:9px 15px;background:transparent;color:#75817f}.filter-tabs button.active{background:#e2f1ee;color:#378984;font-weight:700}.search{display:flex;gap:7px;width:min(360px,45%)}.search input{padding:9px 12px}.search button,.primary-small{border:0;border-radius:10px;padding:9px 15px;background:#499d99;color:#fff}.table-panel{padding:24px}.feedback-list,.message-list{border-top:1px solid #eef1f0}.feedback-row{width:100%;display:grid;grid-template-columns:65px minmax(220px,1fr) 90px 76px 105px 20px;align-items:center;gap:14px;padding:17px 4px;border:0;border-bottom:1px solid #eef1f0;background:transparent;text-align:left}.feedback-row:hover{background:#f8fbfa}.feedback-id{color:#8b9693;font-size:11px}.feedback-main{min-width:0}.feedback-main strong{font-size:13px}.feedback-main p{margin:5px 0 0;color:#7d8986;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-cell{display:grid;font-size:12px}.user-cell span{font-size:9px;color:#a4adaa}.status-pill{justify-self:start;padding:5px 9px;border-radius:12px;background:#fff0eb;color:#cc745c;font-size:10px}.status-pill.done{background:#e4f2ee;color:#438e7c}.row-arrow{font-size:22px;color:#aeb6b4}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:20px;font-size:11px;color:#7e8987}.pagination button{border:1px solid #dfe5e3;border-radius:8px;padding:7px 11px;background:#fff}.pagination button:disabled{opacity:.35}.message-list article{display:grid;grid-template-columns:65px 1fr 60px 110px;align-items:center;gap:16px;padding:17px 4px;border-bottom:1px solid #eef1f0}.message-type{font-size:10px;color:#468f8b}.message-list strong{font-size:13px}.message-list p{margin:4px 0 0;color:#7e8987;font-size:11px}.read-state{font-size:10px;color:#dc755b}.read-state.done{color:#6b9d91}.compose-layout{display:grid;grid-template-columns:minmax(420px,1fr) 380px;gap:18px}.compose-card{display:grid;gap:18px}.compose-card .panel-head{margin-bottom:4px}.compose-card textarea,.reply-label textarea{resize:vertical}.compose-card label{position:relative}.compose-card label small,.reply-label small{position:absolute;right:10px;bottom:8px;color:#a1aaa8;font-weight:400}.preview-card>p{font-size:11px;line-height:1.6;color:#8b9693}.phone-preview{margin:20px 0;padding:22px 14px 120px;border:7px solid #263d3c;border-radius:32px;background:#f5f8f7;box-shadow:0 18px 35px #1f403822}.phone-title{text-align:center;font-weight:750;margin-bottom:24px}.preview-message{display:flex;gap:10px;padding:13px;border:1px solid #e2e9e7;border-radius:15px;background:#fff}.preview-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:#e8eef9;color:#597fac}.preview-message strong{font-size:12px}.preview-message p{font-size:10px;line-height:1.5;color:#7e8987;margin:4px 0}.preview-message small{font-size:9px;color:#a7afad}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#102c2b66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{position:absolute;right:0;top:0;width:min(520px,100%);height:100%;padding:40px;background:#fbfcfb;overflow:auto;box-shadow:-20px 0 50px #142c2930}.drawer-close{position:absolute;right:28px;top:24px;border:0;background:transparent;color:#87918f;font-size:30px}.drawer h2{font-size:27px;margin:0 0 12px}.drawer-meta{display:flex;align-items:center;gap:10px;color:#82908c;font-size:11px}.feedback-content,.contact{margin:28px 0;padding:20px;border-radius:14px;background:#f1f5f4}.feedback-content label,.contact label{font-size:10px;color:#6f7f7c}.feedback-content p,.contact p{font-size:14px;line-height:1.8;margin:8px 0 0}.reply-label{margin-top:26px}.empty{padding:50px 12px;text-align:center;color:#9da6a4;font-size:12px}.toast{position:fixed;z-index:60;right:28px;bottom:28px;padding:13px 18px;border-radius:12px;background:#307f7b;color:#fff;box-shadow:0 12px 30px #173c3630;font-size:12px}.toast.error{background:#c76359}.toast-enter-active,.toast-leave-active{transition:.25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}.menu-button,.mobile-backdrop{display:none}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-column,.compose-layout{grid-template-columns:1fr}.preview-card{display:none}.feedback-row{grid-template-columns:55px 1fr 70px 90px}.feedback-row .user-cell,.feedback-row .status-pill{display:none}}@media(max-width:720px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:25px}.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#14353455}.main-area{margin-left:0}.topbar{height:80px;padding:0 18px}.menu-button{display:block;border:0;background:transparent;font-size:20px}.admin-profile{display:none}.content{padding:18px 14px 40px}.hero-card{padding:26px;min-height:170px}.hero-card h2{font-size:24px}.hero-orbit{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stats-grid article{padding:15px}.two-column{grid-template-columns:1fr}.toolbar-panel{align-items:stretch;gap:12px;flex-direction:column}.search{width:100%}.feedback-row{grid-template-columns:48px 1fr 75px}.feedback-row time,.feedback-row .row-arrow{display:none}.table-panel{padding:17px}.message-list article{grid-template-columns:52px 1fr 45px}.message-list time{display:none}}