:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183b3d;background:#f7f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1120px;background:#f7f4ee}button,input,textarea{font:inherit}.admin-shell{display:flex;min-height:100vh}.sidebar{display:flex;width:248px;min-height:100vh;flex-direction:column;padding:28px 18px;color:#dcece4;background:#183b3d}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 50px;color:#fffaf2;font-size:19px;font-weight:700}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#183b3d;background:#a8d9c8;font-size:12px}.sidebar-caption{margin:0 14px 12px;color:#71918c;letter-spacing:2px;font-size:10px;font-weight:700}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;color:#9dbab0;text-align:left;background:transparent;cursor:pointer;font-size:14px}nav button:hover,nav button.active{color:#fffaf2;background:#2c5b59}nav button span{width:19px;text-align:center;font-size:17px}nav button b{margin-left:auto;padding:3px 7px;border-radius:10px;color:#fffaf2;background:#c46f42;font-size:10px}.sidebar-bottom{margin-top:auto}.live-dot{display:flex;align-items:center;gap:7px;margin:0 12px 22px;color:#a8d9c8;font-size:11px}.live-dot i{width:7px;height:7px;border-radius:50%;background:#7ed6a3}.admin-profile{display:flex;align-items:center;gap:10px;padding:15px 12px;border-top:1px solid #2c5b59}.admin-profile>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#183b3d;background:#e8d9c9;font-weight:700}.admin-profile strong,.admin-profile small{display:block}.admin-profile strong{color:#fffaf2;font-size:12px}.admin-profile small{margin-top:4px;color:#89aaa0;font-size:10px}.main-area{flex:1;max-width:1600px;padding:36px 52px 70px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#b17d5d;letter-spacing:2px;font-size:10px;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:30px;letter-spacing:-.03em}h2{margin-bottom:8px;font-family:Georgia,Songti SC,serif;font-size:23px;font-weight:400}.topbar-right{display:flex;align-items:center;gap:15px}.mock-badge{padding:9px 13px;border-radius:20px;color:#36735d;background:#dcefe0;font-size:12px}.refresh{padding:9px 13px;border:1px solid #d9d0c5;border-radius:8px;color:#627d78;background:#fffaf2;cursor:pointer}.error-banner{margin-bottom:20px;padding:13px 16px;border:1px solid #e6c4b8;border-radius:10px;color:#a65d3b;background:#fcedea}.loading{padding:70px;color:#9ba6a0;text-align:center}.welcome{display:flex;min-height:178px;align-items:center;justify-content:space-between;margin-bottom:22px;padding:32px 38px;overflow:hidden;border-radius:18px;color:#fffaf2;background:linear-gradient(110deg,#236b70,#267f78);box-shadow:0 15px 35px #183b3d21}.welcome h2{margin-bottom:12px;color:#fffaf2;font-size:27px}.welcome p:last-child{margin:0;color:#cbe8df;font-size:14px}.eyebrow.light{color:#a8d9c8}.welcome>span{display:grid;width:110px;height:110px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:40% 60%;transform:rotate(-12deg);font-size:42px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-grid article{position:relative;display:flex;min-height:120px;align-items:center;gap:14px;padding:20px;border:1px solid #e6e0d6;border-radius:14px;background:#fffaf2}.stat-grid i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;font-style:normal;font-size:20px}.stat-grid i.blue{color:#397fba;background:#e8f1f8}.stat-grid i.gold{color:#b17d5d;background:#f4e3d5}.stat-grid i.coral{color:#c46f42;background:#fcedea}.stat-grid i.green{color:#36735d;background:#dcefe0}.stat-grid small,.stat-grid strong{display:block}.stat-grid small{color:#8d9790;font-size:12px}.stat-grid strong{margin-top:8px;font-family:Georgia,serif;font-size:27px}.stat-grid em{position:absolute;right:16px;bottom:16px;color:#9ba6a0;font-size:10px;font-style:normal}.content-card{padding:27px;border:1px solid #e6e0d6;border-radius:14px;background:#fffaf2}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.section-head h2{margin:0}.muted{color:#8d9790;font-size:12px}.linkage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.linkage-grid div{padding:18px;border-radius:12px;background:#f5f1e9}.linkage-grid span{display:block;margin-bottom:18px;color:#c46f42;font:700 12px Georgia,serif}.linkage-grid strong,.linkage-grid small{display:block}.linkage-grid strong{margin-bottom:8px;font-size:14px}.linkage-grid small{color:#8d9790;font-size:12px;line-height:1.5}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{padding:0 12px 14px;color:#8d9790;font-size:11px;font-weight:600}td{padding:16px 12px;border-top:1px solid #eee8df;color:#536f6c;vertical-align:middle}td strong{display:block;color:#294b4b}td .muted{display:block;margin-top:5px;font-size:11px}.user-cell,.product-cell{display:flex;align-items:center;gap:10px}.user-cell>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#e7d7c8;color:#385758}.product-cell>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;color:#fffaf2;background:#d9885a}.product-cell>span.product-pink{background:#c56f88}.product-cell>span.product-green{background:#5c9761}.product-cell>span.product-blue{background:#6075b2}.points{color:#b17d5d}.warning{color:#c46f42}.table-action{margin-right:8px;padding:6px 8px;border:0;color:#b17d5d;background:transparent;cursor:pointer;font-size:11px}.status{display:inline-block;padding:5px 9px;border-radius:15px;color:#9c6537;background:#f4dfc2;font-size:11px}.status.on,.status.shipped{color:#36735d;background:#d8ebdc}.status.off,.status.cancelled,.status.refunded{color:#8d9790;background:#e9e8df}.description{max-width:260px;color:#8d9790;font-size:12px}.split-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.question-list{display:grid;gap:12px}.question-row{display:flex;align-items:center;gap:14px;padding:13px;border-radius:10px;background:#f5f1e9}.question-glyph{display:grid;width:45px;height:45px;place-items:center;border-radius:12px;color:#183b3d;background:#dcefe0;font:28px Georgia,serif}.question-row div{flex:1}.question-row strong,.question-row small{display:block}.question-row strong{font-size:13px}.question-row small{margin-top:5px;color:#8d9790;font-size:11px}.question-row em{color:#36735d;font-size:11px;font-style:normal}.form-card label,.shipping-modal label{display:block;margin:16px 0;color:#627d78;font-size:12px}.form-card input,.form-card textarea,.shipping-modal input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #ded6cb;border-radius:8px;outline:none;color:#183b3d;background:#fff}.form-card textarea{min-height:85px;resize:vertical}.primary-button,.secondary-button{padding:11px 15px;border:0;border-radius:8px;color:#fffaf2;background:#183b3d;cursor:pointer}.primary-button.small{font-size:12px}.secondary-button{color:#627d78;border:1px solid #d9d0c5;background:transparent}.skin-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skin-admin-card{padding:14px;border:1px solid #eee8df;border-radius:12px}.skin-preview{display:grid;height:150px;place-items:center;margin-bottom:13px;border-radius:12px;color:#fffaf2;background:linear-gradient(145deg,#89cdbb,#4e9f91);font-size:36px}.skin-preview.skin-coral{background:linear-gradient(145deg,#f7b192,#db795d)}.skin-preview.skin-galaxy{background:linear-gradient(145deg,#969ff0,#5964b8)}.skin-preview.skin-forest{background:linear-gradient(145deg,#a4cf88,#5c9761)}.skin-admin-card strong,.skin-admin-card small{display:block}.skin-admin-card small{min-height:34px;margin-top:6px;color:#8d9790;font-size:11px}.skin-admin-card>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.skin-admin-card b{color:#b17d5d;font-size:12px}.skin-admin-card em{color:#36735d;font-size:10px;font-style:normal}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#183b3d6b}.shipping-modal{width:430px;padding:30px;border-radius:15px;background:#fffaf2;box-shadow:0 20px 50px #183b3d33}.shipping-modal h2{margin-bottom:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:1250px){.main-area{padding-left:30px;padding-right:30px}.stat-grid,.linkage-grid{grid-template-columns:repeat(2,1fr)}}.question-thumb{display:block;width:45px;height:45px;flex:0 0 45px;object-fit:contain;border-radius:12px;background:#fffaf2}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dcefe0,transparent 36%),#f7f4ee}.login-card{width:min(100%,420px);padding:42px;border:1px solid #e6e0d6;border-radius:18px;background:#fffaf2;box-shadow:0 24px 60px #183b3d1f}.login-mark{margin-bottom:24px}.login-card h1{margin:0 0 10px;font-family:Georgia,serif;font-size:28px}.login-subtitle{margin-bottom:28px;color:#8d9790;font-size:13px}.login-card label{display:block;margin:16px 0;color:#627d78;font-size:12px}.login-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #ded6cb;border-radius:8px;outline:none;color:#183b3d;background:#fff}.login-button{width:100%;margin-top:10px}.login-error{margin:12px 0;color:#b0503c;font-size:12px}.logout-button{width:calc(100% - 24px);margin:12px;padding:8px;border:1px solid #71918c;border-radius:8px;color:#dcece4;background:transparent;cursor:pointer;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.toolbar-input{min-width:210px;padding:10px 12px;border:1px solid #ded6cb;border-radius:8px;outline:none;color:#183b3d;background:#fff;font-size:12px}.toolbar-input:focus,.inline-form input:focus{border-color:#6c9e93;box-shadow:0 0 0 3px #6c9e931f}.inline-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-4px 0 22px;padding:18px;border:1px solid #e6e0d6;border-radius:12px;background:#f5f1e9}.inline-form label{color:#627d78;font-size:12px}.inline-form input{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #ded6cb;border-radius:8px;outline:none;color:#183b3d;background:#fff}.inline-form .wide-field{grid-column:span 2}.inline-form-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;grid-column:span 2}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination .secondary-button{padding:8px 11px;font-size:11px}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.page-number{color:#536f6c;font-size:12px}.empty-row{padding:36px 12px;color:#9ba6a0;text-align:center}@media(max-width:760px){.section-head{gap:14px;flex-direction:column}.toolbar{justify-content:flex-start;width:100%}.toolbar-input{flex:1;min-width:160px}.inline-form{grid-template-columns:1fr 1fr}.inline-form .wide-field,.inline-form-actions{grid-column:span 2}.pagination{align-items:flex-start;flex-direction:column}}.user-cell>span.user-avatar{overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.inline-form select{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #ded6cb;border-radius:8px;outline:none;color:#183b3d;background:#fff;font-size:12px}.product-cell>span.product-coral{background:#db795d}.product-cell>span.product-mint{background:#53a793}.product-cell>span.product-lavender{background:#7c6db3}.product-cell>span.product-ocean{background:#4b8dad}.product-cell>span.product-sunset{background:#b7595e}.product-cell>span.product-forest{background:#3f754f}