*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#302d39;font:14px Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8c71aa;outline-offset:3px}.demo-bar{display:flex;gap:20px;align-items:center;padding:10px 25px;background:#dfd7ec;font-size:10px;letter-spacing:1px}.demo-bar span{letter-spacing:0;color:#625a6e}.demo-bar a{margin-left:auto;white-space:nowrap}.app{max-width:1650px;margin:auto;display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 32px)}.sidebar{padding:36px 22px;border-right:1px solid #dcd7e0;display:flex;flex-direction:column}.logo{font:bold 34px Georgia,serif;letter-spacing:-1px}.logo i{font:italic 24px Georgia,serif;color:#8a769f}.subtitle{font-size:11px;color:#8a8390;line-height:1.5;margin:12px 0 38px}nav{display:flex;flex-direction:column;gap:5px}nav a{font-size:12px;padding:13px 12px;display:flex;justify-content:space-between;align-items:center;transition:background .2s,transform .2s}nav a:hover{background:#eeebf2;transform:translateX(2px)}nav a.active{background:#e3dced;font-weight:bold}nav span{font-size:10px;color:#8e829c}nav b{font-size:10px;font-weight:normal;background:#cbbbdc;border-radius:50%;min-width:19px;text-align:center;padding:3px}nav b:empty{display:none}.sidebar-note{font:italic 23px/1.3 Georgia,serif;padding:20px 14px;background:#ede9db;margin:46px 5px 35px;transform:rotate(-2deg)}.sidebar-note small{display:block;font:11px/1.6 Arial,sans-serif;color:#847c78;margin-top:15px}.identity{margin-top:auto;font-size:10px;color:#8a8390}.identity select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #c9c1d1;padding:12px 0;font-size:13px}.sidebar-bottom{font-size:10px;line-height:1.6;color:#938b9b;margin-top:18px}main{padding:38px 42px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#8a7c98}h1{font:38px Georgia,serif;letter-spacing:-1px;margin:10px 0 0}.header-right{display:flex;align-items:center;gap:7px;font-size:10px;color:#857b90}.header-right button{border:0;background:transparent;text-decoration:underline;font-size:10px;margin-left:10px}.local-dot{width:6px;height:6px;background:#a8b59c;border-radius:50%}.intro-line{color:#7e7489;font-size:13px;line-height:1.7;margin:0 0 28px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px}.metric{border:1px solid #dbd4e2;background:#eeebf3;padding:20px;text-align:left;transition:transform .3s,box-shadow .3s}.metric:nth-child(2){background:#e9eef0}.metric:nth-child(3){background:#eeeade}.metric:hover{transform:translateY(-3px);box-shadow:0 6px 15px #302d3909}.metric strong{display:block;font:38px Georgia,serif;margin:13px 0 9px}.metric small{font-size:10px;color:#8a8095}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}.panel{border:1px solid #dcd7df;padding:23px;background:#fbfaf7}.panel h2,.section-title{font:23px Georgia,serif;margin:0 0 20px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-top a{font-size:11px;text-decoration:underline;text-underline-offset:3px}.task{display:flex;gap:15px;align-items:center;padding:17px 0;border-top:1px solid #e5e0e8}.task .task-icon{font:20px Georgia,serif;color:#8e78a3;width:24px}.task strong{display:block;font-size:12px;font-weight:normal}.task p{font-size:10px;color:#928697;margin:6px 0 0}.task a,.task button{margin-left:auto;font-size:11px;white-space:nowrap}.plain{border:0;background:transparent;padding:5px;text-decoration:underline;text-underline-offset:3px}.pill{display:inline-block;padding:5px 8px;background:#e7e0ef;font-size:9px;white-space:nowrap}.pill.green{background:#e4eadf;color:#5e7055}.pill.amber{background:#eee5d4;color:#8a7350}.check-item{display:flex;gap:12px;padding:13px 0;border-top:1px solid #e5e0e8;font-size:12px}.check-item small{display:block;font-size:10px;color:#95889c;line-height:1.6;margin-top:5px}.check-item i{font-style:normal;color:#a38bba}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.search{border:1px solid #d1c9d9;background:transparent;padding:11px 13px;min-width:210px;font-size:12px}.primary{border:1px solid #55445f;background:#44364e;color:#fff;padding:12px 18px;font-size:12px}.secondary{border:1px solid #c1b5cd;background:#e5ddee;padding:11px 16px;font-size:12px}.primary:hover{background:#625070}.secondary:hover{background:#d8cbe6}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.tabs button{padding:8px 12px;border:1px solid #d6cedd;background:transparent;font-size:11px}.tabs button.active{background:#e3dced;border-color:#bcaaca}.table-wrap{overflow:auto;border:1px solid #dcd7df}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:normal;color:#8b8094;background:#efecf3;padding:14px 17px}td{padding:17px;border-top:1px solid #e1dbe6}td small{display:block;font-size:10px;color:#8e8198;margin-top:5px}td button{font-size:11px}tr:hover td{background:#f0edf4}.detail-panel{margin-top:25px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid p{font-size:12px;line-height:1.8;color:#7c7187}.detail-grid label{font-size:11px;display:block;margin-bottom:10px}.detail-grid select,.detail-grid input{padding:11px;border:1px solid #cfc4d9;background:transparent;width:100%;margin-top:7px}.warning{font-size:11px;line-height:1.6;padding:12px;background:#eee8da;color:#867450}.fine{font-size:10px;color:#93869d;line-height:1.6}.empty{padding:35px;color:#8e8299;font-size:13px}.inbox{border:1px solid #dcd7df;display:grid;grid-template-columns:250px 1fr;min-height:550px}.conversations{border-right:1px solid #dcd7df}.conversations button{width:100%;text-align:left;border:0;border-bottom:1px solid #e0dae5;background:transparent;padding:20px}.conversations button.active{background:#e6dfef}.conversations strong{font-size:12px}.conversations p{font-size:11px;color:#8b7b95;line-height:1.5;margin-bottom:0}.chat{display:flex;flex-direction:column;min-width:0}.chat-header{padding:20px;border-bottom:1px solid #e0dae5;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-header strong{font-size:13px}.chat-header small{font-size:10px;color:#8f8098}.messages{padding:24px;display:flex;flex-direction:column;gap:17px;max-height:450px;min-height:300px;overflow:auto;flex:1}.bubble{max-width:83%;padding:14px 17px;background:#ece8f1;align-self:flex-start;font-size:12px;line-height:1.6}.bubble.staff{background:#e0e9ee;align-self:flex-end}.bubble small{display:block;font-size:9px;color:#8e8198;margin-bottom:6px}.bubble img{display:block;max-width:180px;max-height:180px;margin-top:8px}.linked-card{border-left:2px solid #ac99c0;padding:10px;background:#f7f6f280;font-size:10px;margin-top:10px}.composer{border-top:1px solid #ded7e6;padding:17px}.composer textarea{width:100%;resize:vertical;min-height:75px;max-height:180px;border:1px solid #d1c6dc;padding:12px;background:transparent;font-size:12px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:15px}.attachment{font-size:11px;cursor:pointer}.attachment input{max-width:160px;font-size:9px}.settings{max-width:800px}.setting-row{padding:20px 0;border-bottom:1px solid #ded7e6;display:flex;justify-content:space-between;align-items:center;gap:30px}.setting-row strong{font-size:12px;display:block;font-weight:normal}.setting-row p{font-size:11px;color:#8b7d95;line-height:1.7;margin:7px 0 0}.setting-row select{max-width:220px;padding:10px;border:1px solid #cfc4d9;background:transparent;font-size:12px}.setting-row input[type=checkbox]{accent-color:#8e75a9;width:18px;height:18px;flex-shrink:0}.settings h2{font:23px Georgia,serif;margin:30px 0 0}.product-name{display:flex;gap:12px;align-items:center}.thumb{width:38px;height:45px;object-fit:cover;background:#e7e2eb;display:flex;align-items:center;justify-content:center;color:#9c8eab;font:italic 16px Georgia,serif;flex-shrink:0}dialog{border:1px solid #c8bad5;width:min(530px,95vw);max-height:90dvh;background:#f7f6f2;padding:30px;color:inherit}dialog::backdrop{background:#29273550;backdrop-filter:blur(3px)}dialog[open]{animation:enter .4s}dialog h2{font:29px Georgia,serif;margin:22px 0}form label{display:block;font-size:11px;margin-bottom:17px}form input,form textarea,form select{display:block;width:100%;margin-top:7px;padding:10px;background:#fbfaf7;border:1px solid #d0c4dc}form small{display:block;margin-top:7px;font-size:10px;color:#8f829c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}.form-error{font-size:11px;color:#984952}#photo-preview{max-height:120px;max-width:100%;margin-bottom:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:#43364f;color:white;padding:13px 23px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}.page-enter{animation:enter .45s both}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.metrics>*{animation:enter .5s both}.metrics>*:nth-child(2){animation-delay:.06s}.metrics>*:nth-child(3){animation-delay:.12s}.motion-off *, .motion-off *::before{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}@media(max-width:1100px){.app{grid-template-columns:195px 1fr}main{padding:30px 25px}.columns{grid-template-columns:1fr}.inbox{grid-template-columns:200px 1fr}}@media(max-width:740px){.demo-bar{padding:9px 15px}.demo-bar span{display:none}.app{display:block}.sidebar{padding:20px 16px;border-right:0;border-bottom:1px solid #dcd7df}.logo{font-size:28px}.subtitle,.sidebar-note,.sidebar-bottom{display:none}nav{flex-direction:row;overflow:auto;gap:6px;margin-top:20px}nav a{white-space:nowrap;padding:10px;font-size:11px;gap:8px}nav span{display:none}.identity{position:absolute;top:62px;right:18px}.identity select{padding:5px 0;font-size:11px;width:60px}main{padding:25px 16px}h1{font-size:32px}.header-right{font-size:0;gap:0}.header-right button{font-size:10px}.local-dot{display:none}.metrics{gap:8px}.metric{padding:13px;font-size:10px}.metric strong{font-size:28px}.metric small{font-size:9px}.toolbar{flex-wrap:wrap}.search{min-width:0;width:100%}.toolbar .primary{margin-left:auto}.inbox{display:block}.conversations{display:flex;overflow:auto;border-right:0}.conversations button{min-width:180px;width:180px;border-right:1px solid #e0dae5;padding:15px}.conversations p{max-height:30px;overflow:hidden}.messages{min-height:260px}.setting-row{gap:15px}.setting-row select{max-width:150px}.detail-grid{grid-template-columns:1fr}header{align-items:start}.panel{padding:17px}.form-row{gap:10px}}