:root{font-family:Inter,system-ui,sans-serif;color:#3d405b;background:#f4f1de;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 8%,rgba(224,122,95,.22),transparent 28%),radial-gradient(circle at 15% 88%,rgba(46,90,68,.18),transparent 30%),#f4f1de}.login-card{width:min(100%,470px);padding:38px;border:1px solid rgba(61,64,91,.12);border-radius:30px;background:#fffef9eb;box-shadow:0 26px 80px #2e3f3421;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:12px}.logo div{display:grid}.logo strong{color:#2e5a44;font-size:18px;font-weight:800;letter-spacing:3px}.logo small{color:#747568;font-size:11px;font-weight:700}.pentagon{width:47px;height:47px;display:grid;place-items:center;color:#fff;background:#2e5a44;clip-path:polygon(50% 0,98% 35%,80% 94%,20% 94%,2% 35%)}.login-copy{margin:46px 0 30px}.eyebrow{color:#b6503d;font-size:11px;font-weight:800;letter-spacing:1.8px}h1,h2,p{margin:0}.login-copy h1{margin-top:9px;color:#303348;font-size:clamp(31px,6vw,43px);line-height:1.03;letter-spacing:-1.7px}.login-copy p{margin-top:15px;color:#6f716f;font-size:14px;line-height:1.65}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#5d605d;font-size:12px;font-weight:800}input{min-height:52px;padding:0 14px;color:#303348;border:1px solid #dcd6c3;border-radius:14px;outline:none;background:#f9f7ed}input:focus{border-color:#2e5a44;box-shadow:0 0 0 3px #2e5a441f}.primary{min-height:54px;margin-top:4px;border:0;border-radius:15px;color:#fff;background:#b6503d;font-weight:800}.primary:disabled{opacity:.65;cursor:wait}.form-error,.alert{padding:12px 14px;color:#8a3024;border-radius:12px;background:#f8e4de;font-size:12px}.security-note{margin-top:20px;color:#88897f;font-size:10px;text-align:center}.dashboard{width:min(100% - 40px,1280px);margin:auto;padding-bottom:70px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(61,64,91,.14)}.header-actions{display:flex;gap:8px}.quiet{min-height:42px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(61,64,91,.15);border-radius:12px;color:#3d405b;background:#fffef98f;font-size:12px;font-weight:800}.quiet:disabled{opacity:.6}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:58px 0 34px}.hero h1{margin-top:8px;color:#303348;font-size:clamp(35px,5vw,60px);letter-spacing:-2.7px;line-height:1}.hero p{margin-top:12px;color:#6f716f}.updated{color:#77796f;font-size:11px;white-space:nowrap}.alert{margin-bottom:18px}.loading-panel{padding:70px;text-align:center;color:#77796f}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{min-height:148px;display:flex;align-items:flex-start;gap:14px;padding:22px;border:1px solid rgba(61,64,91,.1);border-radius:22px;background:#fffef9;box-shadow:0 10px 35px #2e3f340f}.metric-icon{width:43px;height:43px;display:grid;flex:0 0 43px;place-items:center;color:#2e5a44;border-radius:14px;background:#e2ede5}.metric-icon svg{width:23px;height:23px}.metric div{display:grid}.metric small{color:#77796f;font-size:11px;font-weight:700}.metric strong{margin-top:4px;color:#303348;font-size:34px;letter-spacing:-1.5px}.metric p{margin-top:5px;color:#77796f;font-size:10px}.two-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin-top:14px}.retention-panel{margin-top:14px}.retention-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.retention-grid>div{display:grid;gap:4px;padding:15px;border-radius:15px;background:#f8f6ec}.retention-grid small{color:#b6503d;font-size:10px;font-weight:800}.retention-grid strong{color:#303348;font-size:25px}.retention-grid span{color:#85867b;font-size:9px}.panel{padding:24px;border:1px solid rgba(61,64,91,.1);border-radius:23px;background:#fffef9;box-shadow:0 10px 35px #2e3f340d}.panel-heading h2{color:#303348;font-size:18px}.panel-heading p{margin-top:3px;color:#7c7d73;font-size:10px}.bars{height:205px;display:flex;align-items:end;gap:9px;padding-top:20px}.bar-column{min-width:0;flex:1;display:grid;justify-items:center;gap:5px}.bar-column strong{color:#6d7068;font-size:10px}.bar-column span{width:100%;max-width:34px;border-radius:9px 9px 4px 4px;background:linear-gradient(#e07a5f,#b6503d)}.bar-column small{color:#88897f;font-size:8px;white-space:nowrap}.feature-list{display:grid;gap:4px;margin-top:18px}.feature-list>div{min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-radius:11px;background:#f8f6ec}.feature-list span{display:flex;align-items:center;gap:8px;color:#62655e;font-size:11px;font-weight:700}.feature-list svg{color:#2e5a44}.feature-list strong{color:#303348;font-size:13px}.table-panel,.feedback-panel{margin-top:14px}.table-wrap{overflow-x:auto;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:11px}th{padding:10px 8px;color:#85867b;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.5px}td{padding:13px 8px;border-top:1px solid #ebe7d8;color:#61645e}td:first-child{display:grid}td strong{color:#303348}td small{margin-top:2px;color:#85867b}.feedback-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{padding:7px 10px;border:1px solid #dfdac8;border-radius:999px;background:transparent;color:#77796f;font-size:9px;font-weight:800;text-transform:capitalize}.filters button.active{color:#fff;border-color:#2e5a44;background:#2e5a44}.feedback-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.feedback-card{padding:16px;border-radius:17px;background:#f8f6ec}.feedback-meta{display:flex;align-items:center;gap:8px;color:#c18926;font-size:10px}.feedback-meta time{margin-left:auto;color:#8d8d82}.tag{padding:5px 8px;border-radius:999px;color:#2e5a44;background:#e2ede5;font-size:8px;font-weight:800;text-transform:uppercase}.tag.error{color:#a44435;background:#f8e4de}.feedback-card>p{min-height:52px;margin:15px 0;color:#3d405b;font-size:12px;line-height:1.5}.feedback-card footer{display:flex;align-items:end;justify-content:space-between;gap:10px}.feedback-card footer div{display:grid;min-width:0}.feedback-card footer strong{font-size:10px}.feedback-card footer small{overflow:hidden;color:#85867b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}select{min-height:34px;padding:0 9px;border:1px solid #d8d3c3;border-radius:9px;color:#4f524e;background:#fffef9;font-size:9px;font-weight:700}.empty{width:100%;padding:40px 15px;color:#88897f;text-align:center;font-size:11px}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}}@media(max-width:620px){.dashboard{width:min(100% - 24px,1280px)}.topbar{height:78px}.header-actions .quiet{width:42px;padding:0;justify-content:center;font-size:0}.hero{display:block;padding-top:38px}.updated{display:block;margin-top:15px}.metric-grid,.feedback-grid,.retention-grid{grid-template-columns:1fr 1fr}.metric{min-height:120px}.panel{padding:18px}.feedback-header{display:grid}.login-card{padding:27px}}