:root{--c-night:#180d22;--c-night2:#2b1533;--c-rose:#d52b6d;--c-rose-dark:#a91f54;--c-ink:#281d2b;--c-muted:#80747f;--c-line:#eadfe7;--c-bg:#f7f3f6;--c-green:#1f9365}*{box-sizing:border-box}body{margin:0;color:var(--c-ink);background:var(--c-bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}img{display:block;max-width:100%}h1,h2,p{margin-top:0}h1,h2{line-height:1.12}.customer-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.customer-sidebar{position:sticky;z-index:20;top:0;display:flex;height:100vh;padding:25px 18px 18px;flex-direction:column;color:rgba(255,255,255,.65);background:radial-gradient(circle at 20% 8%,#462344,transparent 28%),linear-gradient(170deg,var(--c-night2),#100817)}.customer-brand{display:flex;align-items:center;gap:11px;margin:0 8px 34px;color:#fff}.customer-brand>span{display:grid;width:42px;height:42px;border-radius:15px 15px 15px 5px;place-items:center;background:linear-gradient(145deg,#ef639b,#b21f61);font-family:Georgia,serif;font-weight:700;box-shadow:0 10px 25px rgba(213,43,109,.25)}.customer-brand>strong{display:flex;flex-direction:column;font-family:Georgia,serif;font-size:21px;line-height:1}.customer-brand i{color:#f1669b;font-style:normal}.customer-brand small{margin-top:5px;color:rgba(255,255,255,.38);font-family:Inter,sans-serif;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.customer-sidebar nav{display:flex;flex-direction:column;gap:5px}.customer-sidebar nav a,.customer-sidebar__bottom>a{min-height:44px;padding:11px 13px;border-radius:11px;font-size:12px;font-weight:750}.customer-sidebar nav a:hover,.customer-sidebar nav a.is-active,.customer-sidebar__bottom>a:hover{color:#fff;background:rgba(255,255,255,.075)}.customer-sidebar nav a.is-active{box-shadow:inset 3px 0 var(--c-rose)}.customer-sidebar__bottom{display:flex;margin-top:auto;flex-direction:column;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.customer-sidebar__bottom a{color:rgba(255,255,255,.5)}.customer-sidebar__bottom form{margin:0}.customer-sidebar__bottom button{width:100%;padding:10px 13px;border:0;color:rgba(255,255,255,.42);background:transparent;text-align:left;font-size:10px}.customer-workspace{min-width:0}.customer-topbar{position:sticky;z-index:15;top:0;display:flex;align-items:center;min-height:68px;padding:9px 34px;border-bottom:1px solid var(--c-line);background:rgba(255,255,255,.92);backdrop-filter:blur(15px)}.customer-topbar>button{display:none;margin-right:12px;border:0;border-radius:9px;color:#fff;background:var(--c-night);width:42px;height:42px}.customer-topbar>div{display:flex;flex-direction:column}.customer-topbar small{color:#9a8e99;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.customer-topbar strong{font-family:Georgia,serif;font-size:19px}.customer-topbar>a{margin-left:auto;padding:7px 13px;border-radius:999px;color:var(--c-rose-dark);background:#fde7f0;font-size:10px}.customer-main{width:min(100%,1400px);margin:auto;padding:38px 42px 80px}.customer-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.customer-page-head h1{margin:0;font-family:Georgia,serif;font-size:clamp(38px,4vw,52px);font-weight:500;letter-spacing:-.04em}.customer-eyebrow{margin:0 0 7px;color:var(--c-rose);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.customer-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:850}.customer-button--primary{color:#fff;background:linear-gradient(135deg,var(--c-rose),var(--c-rose-dark));box-shadow:0 9px 24px rgba(213,43,109,.2)}.customer-button--ghost{border-color:#ded3dc;background:#fff}.customer-card{padding:26px;border:1px solid var(--c-line);border-radius:18px;background:#fff;box-shadow:0 7px 25px rgba(44,19,41,.035);margin-bottom:19px}.customer-card__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.customer-card__head h2,.customer-publish h2{margin:0;font-family:Georgia,serif;font-size:26px;font-weight:500}.customer-card__head>a{color:var(--c-rose);font-size:10px;font-weight:850}.customer-card__head--search>input{width:min(250px,100%);height:40px;padding:0 12px;border:1px solid var(--c-line);border-radius:10px}.customer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.customer-stats>*{display:flex;min-height:130px;padding:20px;border:1px solid var(--c-line);border-radius:16px;flex-direction:column;background:#fff}.customer-stats span{color:var(--c-muted);font-size:9px;font-weight:800;text-transform:uppercase}.customer-stats strong{margin-top:auto;font-family:Georgia,serif;font-size:37px;font-weight:500;line-height:1.05}.customer-stats .customer-stat-date{font-size:21px}.customer-stats small{margin-top:7px;color:#9e949d;font-size:8px}.customer-status-banner{margin-bottom:20px;padding:18px 20px;border:1px solid #cdebdc;border-radius:14px;color:#176848;background:#eaf8f2}.customer-status-banner--pending,.customer-status-banner--warning{color:#80561a;border-color:#eddab7;background:#fff8e8}.customer-status-banner--rejected,.customer-status-banner--suspended{color:#86224a;border-color:#efcddd;background:#fff0f5}.customer-status-banner strong{font-size:12px}.customer-status-banner p{margin:5px 0 0;font-size:10px}.customer-status-banner a{display:inline-block;margin-top:8px;font-weight:800}.customer-list{display:flex;flex-direction:column}.customer-list>a{display:grid;grid-template-columns:52px minmax(0,1fr) auto 20px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--c-line)}.customer-list>a:first-child{border-top:0}.customer-list>a>div{display:flex;min-width:0;flex-direction:column}.customer-list small{color:var(--c-muted);font-size:9px}.customer-list>a>b{color:var(--c-rose)}.customer-avatar{display:grid;width:48px;height:54px;overflow:hidden;border-radius:10px;color:#fff;place-items:center;background:linear-gradient(145deg,#a84b73,#351a35);font-family:Georgia,serif}.customer-avatar img{width:100%;height:100%;object-fit:cover}.customer-badge{padding:5px 8px;border-radius:999px;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase}.customer-badge--approved{color:#177b53;background:#e0f7ed}.customer-badge--pending{color:#80561a;background:#fff1cb}.customer-badge--rejected{color:#8b2350;background:#ffe2ed}.customer-badge--draft{color:#6f6670;background:#eee9ed}.customer-empty{padding:35px;color:var(--c-muted);text-align:center}.customer-form{display:flex;flex-direction:column;gap:15px}.customer-form--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.customer-form--three{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-form label{display:flex;min-width:0;flex-direction:column}.customer-form label>span,.customer-photo-row>label:not(.customer-check){margin:0 0 5px 2px;color:#756a75;font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.customer-form input,.customer-form select,.customer-form textarea,.customer-photo-row input{width:100%;border:1px solid #e2d8e0;border-radius:10px;outline:0;background:#fff}.customer-form input,.customer-form select{height:44px;padding:0 12px}.customer-form textarea{padding:11px 12px;resize:vertical}.customer-form input:focus,.customer-form select:focus,.customer-form textarea:focus{border-color:var(--c-rose);box-shadow:0 0 0 3px rgba(213,43,109,.09)}.customer-form label small{margin-top:5px;color:#9b929a;font-size:8px}.customer-form__wide{grid-column:1/-1}.customer-form__span-two{grid-column:span 2}.customer-check{display:flex!important;align-items:center!important;gap:8px!important;flex-direction:row!important;text-transform:none!important}.customer-check input{width:auto!important;height:auto!important}.customer-check span{margin:0!important;color:inherit!important;font-size:10px!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important}.customer-edit{display:grid;grid-template-columns:minmax(0,1fr)285px;gap:20px;align-items:start}.customer-edit__content{min-width:0}.customer-edit__aside{position:sticky;top:88px}.customer-publish{display:flex;flex-direction:column;gap:14px}.customer-publish p:not(.customer-eyebrow){color:var(--c-muted);font-size:9px}.customer-services{display:flex;max-height:380px;overflow:auto;flex-wrap:wrap;gap:7px}.customer-services label{position:relative;cursor:pointer}.customer-services input{position:absolute;opacity:0}.customer-services span{display:block;padding:7px 10px;border:1px solid #e3d8e0;border-radius:999px;color:#6d636c;font-size:9px;font-weight:700}.customer-services input:checked+span{color:#fff;border-color:var(--c-rose);background:var(--c-rose)}.customer-upload{display:flex;min-height:120px;margin:10px 0;border:1px dashed #d9c8d4;border-radius:13px;align-items:center;justify-content:center;flex-direction:column;background:#fcf8fb;cursor:pointer}.customer-upload input{position:absolute;width:1px;height:1px;opacity:0}.customer-upload>span{color:var(--c-rose);font-size:27px}.customer-upload strong{font-size:11px}.customer-upload small{color:var(--c-muted);font-size:8px}.customer-photos{display:flex;flex-direction:column;gap:8px}.customer-photo-row{display:grid;grid-template-columns:60px minmax(120px,1fr) 80px 75px 80px;gap:9px;align-items:center;padding:9px;border:1px solid var(--c-line);border-radius:12px}.customer-photo-row>span{display:grid;width:58px;height:62px;overflow:hidden;border-radius:9px;place-items:center;background:#f0e8ed}.customer-photo-row img{width:100%;height:100%;object-fit:cover}.customer-photo-row>label:not(.customer-check){display:flex;flex-direction:column;font-size:8px}.customer-photo-row input[type=text],.customer-photo-row input[type=number]{height:38px;padding:0 9px}.customer-cover{max-width:520px;max-height:280px;overflow:hidden;border-radius:14px}.customer-cover img{width:100%;height:280px;object-fit:cover}.customer-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.customer-balance{display:flex;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--c-line);flex-direction:column}.customer-balance>span{color:var(--c-muted);font-size:9px;text-transform:uppercase}.customer-balance>strong{font-family:Georgia,serif;font-size:40px;font-weight:500}.customer-balance>small{color:var(--c-muted);font-size:9px}.customer-payment{display:grid;grid-template-columns:1fr 180px;gap:15px}.customer-payment h2{font-family:Georgia,serif;font-size:34px;font-weight:500}.customer-qr{display:grid;width:180px;height:180px;padding:9px;border:1px solid var(--c-line);place-items:center}.customer-qr img,.customer-qr canvas,.customer-qr svg{width:100%!important;height:100%!important}.customer-payment dl{grid-column:1/-1;margin:0}.customer-payment dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--c-line);font-size:10px}.customer-payment dd{margin:0;text-align:right}.customer-payment__notice{grid-column:1/-1;margin:0;padding:11px;border-radius:10px;color:#7f5418;background:#fff6db;font-size:8px}.customer-table-wrap{overflow:auto}.customer-table{width:100%;border-collapse:collapse}.customer-table th{padding:10px;color:#918791;background:#faf7f9;font-size:8px;text-align:left;text-transform:uppercase}.customer-table td{padding:11px;border-top:1px solid var(--c-line);font-size:9px}.is-positive{color:var(--c-green);font-weight:800}.is-negative{color:#a32155;font-weight:800}.customer-flash{margin-bottom:17px;padding:13px 16px;border:1px solid #cfebdf;border-radius:11px;color:#176b49;background:#eaf8f2;font-size:11px}.customer-flash--error{color:#86224a;border-color:#efcddd;background:#fff0f5}.customer-body--auth{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(213,43,109,.2),transparent 25%),linear-gradient(140deg,#170c21,#2a1534)}.customer-auth-shell{display:grid;min-height:100vh;padding:30px 20px;align-content:center;justify-items:center}.customer-auth-shell>.customer-brand{margin-bottom:24px}.customer-auth-card{width:min(100%,450px);padding:36px;border-radius:24px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.35)}.customer-auth-card--wide{width:min(100%,720px)}.customer-auth-card h1{margin-bottom:10px;font-family:Georgia,serif;font-size:40px;font-weight:500}.customer-auth-card>p:not(.customer-eyebrow){color:var(--c-muted)}.customer-auth-switch,.customer-back{display:block;margin:20px 0 0;font-size:10px;text-align:center}.customer-auth-switch a{color:var(--c-rose);font-weight:850}.customer-back{color:var(--c-muted)}@media(max-width:1100px){.customer-stats{grid-template-columns:repeat(2,1fr)}.customer-edit{grid-template-columns:1fr}.customer-edit__aside{position:static}.customer-form--three{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.customer-shell{grid-template-columns:1fr}.customer-sidebar{position:fixed;left:0;width:245px;transform:translateX(-105%);transition:transform .25s}.customer-sidebar.is-open{transform:translateX(0)}.customer-topbar>button{display:block}.customer-main{padding:28px 20px 60px}.customer-topbar{padding-inline:18px}.customer-columns{grid-template-columns:1fr}.customer-page-head{align-items:flex-start;flex-direction:column}.customer-photo-row{grid-template-columns:58px 1fr 70px}.customer-photo-row>.customer-check{grid-column:auto}}@media(max-width:560px){.customer-main{padding-inline:13px}.customer-page-head h1{font-size:39px}.customer-stats{grid-template-columns:1fr 1fr;gap:8px}.customer-stats>*{min-height:112px;padding:14px}.customer-stats strong{font-size:29px}.customer-stats .customer-stat-date{font-size:17px}.customer-card{padding:19px 15px}.customer-form--grid,.customer-form--three{grid-template-columns:1fr}.customer-form__span-two{grid-column:auto}.customer-card__head--search{align-items:stretch;flex-direction:column}.customer-card__head--search>input{width:100%}.customer-list>a{grid-template-columns:48px 1fr 20px}.customer-list .customer-badge{grid-column:2}.customer-photo-row{grid-template-columns:55px 1fr}.customer-photo-row>label{grid-column:1/-1}.customer-payment{grid-template-columns:1fr}.customer-qr{margin:auto}.customer-auth-card{padding:27px 20px}}
