:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#29242a;background:#f7f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#221d23;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 28px}.brand>span,.login-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#f06f8b;font-size:24px;font-weight:900}.brand div{display:grid}.brand small{color:#a99fa9;font-size:10px;letter-spacing:1.4px;margin-top:3px}nav{display:grid;gap:6px}nav button,.logout{border:0;background:transparent;color:#c9c0c9;border-radius:12px;padding:12px 14px;text-align:left;display:flex;gap:12px;align-items:center}nav button:hover,nav button.active{background:#3a3039;color:#fff}nav button.active{box-shadow:inset 3px 0 #f06f8b}.logout{margin-top:auto;border:1px solid #4c414b}main{padding:34px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:#8c818c;margin:0 0 5px;font-size:13px}h1,h2{margin:0;letter-spacing:-.6px}header h1{font-size:30px}.refresh,.search button,.actions button,.row-actions button,.photo-card button{border:1px solid #ded7df;background:#fff;border-radius:11px;min-height:40px;padding:0 14px}.primary{background:#e95f7c!important;color:#fff!important;border-color:#e95f7c!important}.alert{display:flex;justify-content:space-between;align-items:center;background:#fff0f2;color:#9e2440;border:1px solid #ffc7d2;padding:13px 16px;border-radius:13px;margin-bottom:18px}.alert button{border:0;background:transparent;font-size:20px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metrics button{background:#fff;border:1px solid #e9e3e9;border-radius:20px;padding:20px;text-align:left;min-height:150px}.metrics span,.metrics small{display:block;color:#7d727d}.metrics strong{display:block;font-size:34px;margin:14px 0}.panel{margin-top:18px;background:linear-gradient(135deg,#fff,#fff4f6);border:1px solid #eadfe3;border-radius:22px;padding:26px;display:flex;justify-content:space-between;gap:40px}.panel p:last-child{max-width:560px;line-height:1.65;color:#665e66}.search{display:flex;gap:8px;margin-bottom:18px}.search input{width:min(420px,100%);min-height:44px;border:1px solid #dcd5dc;border-radius:12px;padding:0 14px;background:#fff}.loading,.empty{min-height:360px;display:grid;place-content:center;text-align:center;color:#887e88;background:#fff;border:1px solid #e9e3e9;border-radius:20px}.empty strong{color:#3d363d;font-size:18px}.empty span{margin-top:8px}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.photo-card{background:#fff;border:1px solid #e8e1e8;border-radius:18px;padding:12px;overflow:hidden}.photo-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:#eee}.photo-card>div:not(.actions){display:flex;justify-content:space-between;margin-top:12px}.photo-card p{min-height:42px;color:#7b717b;font-size:13px}.actions,.row-actions{display:flex;gap:7px}.actions button{flex:1}.table-wrap{background:#fff;border:1px solid #e8e2e8;border-radius:18px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:14px 15px;border-bottom:1px solid #eee9ee;vertical-align:middle}th{font-size:12px;color:#7b727b;background:#fbfafb}td{font-size:14px}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#eee;font-size:11px;font-weight:800}.status-active,.status-resolved,.status-verified{background:#e4f7ed;color:#187443}.status-open,.status-pending,.status-review{background:#fff2d5;color:#8b5c00}.status-suspended,.status-rejected{background:#ffe3e8;color:#a92b48}.truncate{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:#aaa}code{font-size:11px;display:block;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#ffe4ea,#f7f5f7 55%);padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #eadfe4;border-radius:28px;padding:34px;box-shadow:0 24px 80px #4b2b361f}.login-card h1{margin-top:22px}.login-card>p{color:#796f79}.login-card label{display:grid;gap:7px;margin:24px 0 16px;font-weight:700}.login-card input{min-height:50px;border:1px solid #dcd4dc;border-radius:13px;padding:0 14px}.login-card>button{width:100%;min-height:50px;border:0;border-radius:14px;font-weight:800}@media(max-width:1100px){.metrics,.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{position:static;height:auto;padding:14px}.brand{padding-bottom:12px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.logout{display:none}main{padding:20px}.panel{display:block}.photo-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1812188f;display:grid;place-items:center;padding:24px}.conversation{width:min(680px,100%);max-height:min(760px,90vh);background:#fff;border-radius:24px;box-shadow:0 30px 90px #140a1247;display:flex;flex-direction:column;overflow:hidden}.conversation-head{padding:22px 24px 18px;border-bottom:1px solid #eee7ed;display:flex;justify-content:space-between;align-items:flex-start}.conversation-head button{border:0;background:#f5f1f4;border-radius:99px;width:38px;height:38px;font-size:23px}.message-list{padding:20px;overflow:auto;display:grid;gap:12px}.message{max-width:82%;padding:13px 15px;border-radius:18px;background:#f4f0f4}.message-admin{justify-self:end;background:#ffe7ed}.message strong{font-size:12px}.message p{margin:5px 0 8px;white-space:pre-wrap;line-height:1.5}.message time{font-size:10px;color:#887e88}.empty.compact{min-height:180px;border:0}.cell-sub{display:block;color:#8a8088;font-size:11px;margin-top:3px}.preview-button{border-color:#f0a0b2!important;color:#b82d50!important;background:#fff7f9!important;font-weight:800}.preview-backdrop{place-items:stretch;padding:18px}.preview-dialog{background:#f8f6f8;border-radius:26px;box-shadow:0 30px 100px #140a1259;display:flex;flex-direction:column;overflow:hidden}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-bottom:1px solid #e9e2e8}.preview-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(420px,1fr);grid-template-rows:auto 1fr;gap:18px;padding:18px;overflow:auto}.preview-notice{background:#2b242b;color:#fff;border-radius:20px;padding:20px;display:grid;gap:8px;align-content:start}.preview-notice span{color:#d0c8cf;line-height:1.55}.preview-notice small{color:#ffb3c3}.preview-alert{grid-column:1;margin:0}.phone-frame{grid-row:1/span 2;grid-column:2;width:min(520px,100%);justify-self:center;background:#fff;border:10px solid #2d272d;border-radius:42px;box-shadow:0 28px 70px #23171f2e;overflow:hidden;min-height:720px;display:flex;flex-direction:column}.phone-top{display:flex;align-items:center;gap:12px;padding:20px 18px 14px;background:linear-gradient(135deg,#ffe5eb,#fff)}.phone-top>span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#e95f7c;color:#fff;font-weight:900;font-size:21px}.phone-top div{display:grid;flex:1}.phone-top small{color:#7d737c}.phone-top i{font-style:normal;font-size:11px;font-weight:800;background:#2d272d;color:#fff;padding:6px 9px;border-radius:99px}.phone-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #eee7ed}.phone-tabs button{border:0;background:#fff;padding:13px 4px;color:#817780;font-size:12px}.phone-tabs button.active{color:#d94367;font-weight:900;border-bottom:3px solid #e95f7c}.phone-content{flex:1;overflow:auto;background:#fbf9fb;padding:14px}.preview-home{display:grid;gap:14px}.profile-hero{background:#fff;border:1px solid #eee7ed;border-radius:22px;padding:14px;display:flex;gap:14px}.profile-hero img,.avatar-fallback{width:112px;height:144px;object-fit:cover;border-radius:18px;background:#f1e8ed}.avatar-fallback{display:grid;place-items:center;font-size:38px;font-weight:900;color:#c54a69}.profile-hero div:last-child{display:flex;flex-direction:column;align-items:flex-start}.profile-hero strong{font-size:21px}.profile-hero span{font-size:12px;color:#817780;margin:4px 0 10px}.profile-hero p{line-height:1.5;margin:0}.mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-metrics div{background:#fff;border:1px solid #eee7ed;border-radius:16px;padding:13px 8px;text-align:center}.mini-metrics strong,.mini-metrics span{display:block}.mini-metrics strong{font-size:20px}.mini-metrics span{font-size:10px;color:#857b84;margin-top:4px}.preview-section{background:linear-gradient(135deg,#fff0f4,#fff);border:1px solid #f0d7df;border-radius:18px;padding:18px}.preview-section h3,.preview-section p{margin:0}.preview-section p{margin-top:8px;line-height:1.55;color:#6f666e}.preview-cards{display:grid;gap:10px}.preview-cards h3{margin:2px 0 4px}.preview-cards article{background:#fff;border:1px solid #eee7ed;border-radius:18px;overflow:hidden;display:flex}.preview-cards article>img{width:112px;height:138px;object-fit:cover}.preview-cards article>div{padding:14px;display:grid;gap:5px;align-content:center}.preview-cards article p{margin:3px 0;line-height:1.45}.preview-cards article span{font-size:11px;color:#817780}.preview-empty{background:#fff;border:1px dashed #d9cfd7;border-radius:18px;padding:40px 16px;text-align:center;color:#827881}@media(max-width:900px){.preview-layout{grid-template-columns:1fr}.preview-notice,.preview-alert,.phone-frame{grid-column:1;grid-row:auto}.phone-frame{min-height:640px}.preview-head{align-items:flex-start;gap:16px}.preview-head .row-actions{flex-wrap:wrap}}@media(max-width:560px){.preview-backdrop{padding:0}.preview-dialog{border-radius:0}.preview-layout{padding:8px}.phone-frame{border-width:5px;border-radius:28px}.phone-tabs button{font-size:10px}.mini-metrics{grid-template-columns:1fr 1fr}}.members-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.create-operational{min-height:44px;border:0;border-radius:12px;padding:0 16px}.header-actions{display:flex;gap:9px;align-items:center}.member-name{display:flex;align-items:center;gap:8px;white-space:nowrap}.operational-badge{display:inline-flex;padding:4px 7px;border-radius:99px;background:#2f2830;color:#fff;font-size:10px;font-weight:800}.operational-action{border-color:#8c77d5!important;color:#5940a7!important;background:#f6f2ff!important;font-weight:800}.form-dialog{width:min(800px,100%);max-height:min(880px,94vh);overflow:auto;background:#fff;border-radius:26px;box-shadow:0 30px 90px #140a1247;padding:26px}.form-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.form-head button{width:40px;height:40px;border:0;border-radius:50%;font-size:22px}.form-description{color:#716771;line-height:1.6;margin:14px 0 20px;padding:14px 16px;background:#fff5f7;border:1px solid #f3dfe5;border-radius:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:grid;gap:7px;font-size:13px;font-weight:800}.form-field:nth-last-child(-n+2){grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #dcd4dc;border-radius:12px;padding:11px 12px;font:inherit;font-weight:400;background:#fff;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-actions button{min-height:44px;padding:0 18px;border:1px solid #ddd5dd;border-radius:12px;background:#fff}.compact-action{margin-top:8px!important;min-height:34px!important;border:1px solid #ded7df!important;border-radius:10px!important;padding:0 11px!important;width:max-content}.user-chat{height:100%;min-height:590px;display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden}.user-chat-head{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #eee7ed}.user-chat-head>div{display:grid}.user-chat-head small{color:#817780}.chat-back{border:0;background:#f5f1f4;border-radius:10px;padding:9px 10px}.user-chat-list{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:#faf8fa}.user-chat-message{max-width:80%;padding:10px 12px;border-radius:16px;background:#eee9ee}.user-chat-message.own{align-self:flex-end;background:#ffe1e8}.user-chat-message.other{align-self:flex-start}.user-chat-message p{margin:0;white-space:pre-wrap;line-height:1.45}.user-chat-message time{display:block;font-size:9px;color:#827881;margin-top:4px}.user-chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid #eee7ed}.user-chat-compose textarea{border:1px solid #dcd4dc;border-radius:12px;padding:9px;resize:none}.user-chat-compose button{border:0;border-radius:12px;padding:0 15px}.read-only-note{padding:12px;background:#fff6dd;color:#775b10;font-size:12px;text-align:center}@media(max-width:760px){.members-toolbar{display:block}.members-toolbar .search{margin-bottom:10px}.form-grid{grid-template-columns:1fr}.form-field:nth-last-child(-n+2){grid-column:auto}.form-dialog{border-radius:0;max-height:100vh;height:100vh}.user-chat{min-height:520px}}.photo-upload-field small{color:#837982;font-weight:500}.photo-upload-preview{width:100%;max-height:220px;object-fit:cover;border-radius:14px;border:1px solid #eadfe5;background:#f3eef1}.connection-dialog{width:min(720px,100%)}.member-picker{display:grid;gap:8px;max-height:330px;overflow:auto;margin:14px 0;padding:4px}.member-picker>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #e4dde3;background:#fff;border-radius:15px;padding:11px 13px}.member-picker>button:hover,.member-picker>button.selected{border-color:#e95f7c;background:#fff5f7;box-shadow:0 0 0 2px #e95f7c14}.member-picker>button>span:nth-child(2){display:grid;gap:3px}.member-picker>button small{color:#80767f}.member-picker>button i{font-style:normal;font-size:11px;color:#766b75;background:#f4f0f3;padding:5px 7px;border-radius:99px}.picker-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffe1e8;color:#b83254;font-weight:900}.member-picker .empty{min-height:160px}.form-field input[type=file]{padding:8px}.form-field input:disabled{background:#f3f0f2;color:#9a9198}