@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#261b30;background:#f7f6f9;font-synthesis:none;text-rendering:optimizeLegibility;--purple: #542080;--purple-dark: #3f155f;--purple-light: #f1eafa;--text: #261b30;--muted: #82798a;--border: #ece8f0;--white: #fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--purple);color:#fff;font-size:24px;font-weight:800;flex-shrink:0}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted)}.loading-screen .brand-mark{width:58px;height:58px;font-size:30px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-brand{position:relative;overflow:hidden;padding:70px clamp(35px,8vw,120px);background:linear-gradient(145deg,#542080,#35114f);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-brand:before,.login-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:450px;height:450px;right:-170px;bottom:-170px}.login-brand:after{width:650px;height:650px;right:-270px;bottom:-270px}.brand-logo{width:65px;height:65px;display:grid;place-items:center;border-radius:19px;background:#fff;color:var(--purple);font-size:37px;font-weight:800;margin-bottom:35px}.brand-caption,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#a989c6}.login-brand h1{font-size:clamp(35px,4vw,57px);line-height:1.12;letter-spacing:-.04em;margin:20px 0}.login-brand>p{max-width:390px;color:#e0d3eb;line-height:1.8;font-size:15px}.login-decoration{margin-top:85px;font-size:10px;letter-spacing:.2em;color:#b89bce}.login-panel{display:grid;place-items:center;padding:35px}.login-form-wrap{width:100%;max-width:410px}.login-form-wrap h2{font-size:32px;letter-spacing:-.04em;margin:12px 0 7px}.muted{color:var(--muted);font-size:14px}.login-form-wrap form{margin-top:32px;display:flex;flex-direction:column}.login-form-wrap label{font-size:13px;font-weight:700;margin:17px 0 8px}.optional{color:var(--muted);font-size:11px;font-weight:400}.login-form-wrap input,.login-form-wrap select{width:100%;height:48px;border:1px solid #e6e0eb;border-radius:10px;background:#fff;padding:0 14px;outline:none;color:var(--text)}.login-form-wrap input:focus,.login-form-wrap select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #54208017}.login-button{margin-top:27px;height:50px;background:var(--purple);color:#fff;border:0;border-radius:10px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:0 18px}.login-button:hover{background:var(--purple-dark)}.login-button:disabled{opacity:.6;cursor:wait}.login-button span{font-size:21px}.error-message{background:#fff0f0;color:#a52d35;padding:12px;border-radius:9px;margin-top:16px;font-size:13px}.login-footnote{margin-top:35px;text-align:center;font-size:11px;color:#a49baa}.mobile-brand{display:none}.app-shell{min-height:100vh}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.sidebar-brand{height:82px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--border)}.sidebar-brand strong{display:block;font-size:17px}.sidebar-brand small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.sidebar-context{margin:19px 15px 10px;padding:13px;border-radius:10px;background:#f7f3fa;display:flex;flex-direction:column;gap:5px}.sidebar-context span,.nav-heading{font-size:9px;font-weight:800;letter-spacing:.12em;color:#998ba3}.sidebar-context strong{font-size:12px;color:var(--purple)}.sidebar-context small{font-size:10px;color:var(--muted)}.sidebar nav{padding:5px 13px 15px;overflow-y:auto;flex:1}.nav-group{margin:12px 0 18px}.nav-heading{display:block;padding:7px 10px}.nav-item{width:100%;border:0;background:transparent;color:#70677a;display:flex;align-items:center;gap:11px;text-align:left;border-radius:8px;padding:10px;font-size:12px;margin:2px 0}.nav-item:hover{background:#f7f3fa;color:var(--purple)}.nav-item.active{color:var(--purple);background:var(--purple-light);font-weight:700}.nav-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#f1edf4;color:var(--purple);font-size:11px;font-weight:800}.nav-item.active .nav-icon{background:#fff}.nav-soon{margin-left:auto;color:#b5a9bd}.sidebar-user{min-height:76px;padding:12px 15px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#e9def3;color:var(--purple);display:grid;place-items:center;font-weight:800;flex-shrink:0}.user-info{min-width:0;flex:1}.user-info strong,.user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info strong{font-size:11px}.user-info small{font-size:10px;color:var(--muted);margin-top:3px}.logout-button{border:0;background:transparent;color:#85798d;font-size:21px}.main-area{margin-left:260px;min-height:100vh}.main-header{height:82px;background:#fff;border-bottom:1px solid var(--border);padding:0 35px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:9px;color:#a398ad;letter-spacing:.1em;font-weight:700}.main-header h1{margin:4px 0 0;font-size:20px}.header-user{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.online-dot{width:8px;height:8px;background:#36b477;border-radius:50%}.avatar.small{width:31px;height:31px;font-size:12px}.dashboard-content{padding:35px;max-width:1500px;margin:auto}.welcome-block{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.welcome-block h2{font-size:28px;margin:8px 0 5px;letter-spacing:-.04em}.welcome-block p{font-size:13px;color:var(--muted);margin:0}.date-chip{border:1px solid var(--border);border-radius:9px;background:#fff;padding:10px 14px;font-size:11px;color:#71677a}.global-banner{background:#f1eafa;border:1px solid #e6d9f0;border-radius:12px;padding:17px;display:flex;gap:13px;align-items:flex-start;margin-bottom:30px}.global-banner>span{color:var(--purple);font-size:23px}.global-banner strong{color:var(--purple);font-size:12px}.global-banner p{color:#766583;font-size:11px;margin:5px 0 0;line-height:1.6}.section-title{margin:30px 0 15px}.section-title h3,.card-heading h3{font-size:15px;margin:0 0 4px}.section-title p,.card-heading p{font-size:11px;color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:19px;display:flex;flex-direction:column;gap:10px}.stat-card>span{font-size:11px;color:var(--muted)}.stat-card strong{font-size:25px;letter-spacing:-.04em}.stat-card small{font-size:10px;color:#a49aaa}.content-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:20px}.content-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;min-height:235px}.card-heading{margin-bottom:18px}.empty-state{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-state>span{font-size:27px;color:#ad9ab9}.empty-state strong{font-size:12px;color:#63566c;margin:9px 0 4px}.empty-state p{font-size:10px}.quick-link{width:100%;border:0;border-bottom:1px solid #f1edf3;padding:11px 2px;display:flex;align-items:center;gap:11px;background:transparent;color:#61576b;text-align:left;font-size:11px}.quick-link>span{color:var(--purple);font-size:17px;width:20px}.quick-link b{margin-left:auto;color:#aa9cb2}.quick-link:hover{color:var(--purple)}.development-note{margin-top:24px;color:#a39aa8;font-size:10px;line-height:1.6}.module-placeholder{max-width:600px;margin:100px auto;padding:30px;text-align:center}.placeholder-icon{width:65px;height:65px;margin:0 auto 22px;display:grid;place-items:center;border-radius:18px;background:var(--purple-light);color:var(--purple);font-size:26px;font-weight:800}.module-placeholder h2{font-size:28px;margin:12px 0}.module-placeholder p{color:var(--muted);font-size:13px;line-height:1.8}.coming-soon{display:inline-block;margin-top:15px;background:#f1edf5;color:#796b84;border-radius:30px;padding:8px 14px;font-size:11px}.menu-toggle,.mobile-close,.mobile-overlay{display:none}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:700px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:50px}.mobile-brand strong{font-size:17px}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.mobile-close{display:block;margin-left:auto;border:0;background:none;font-size:25px}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#140a1e66;border:0;z-index:8}.main-area{margin-left:0}.main-header{height:72px;padding:0 17px;gap:12px}.menu-toggle{display:block;background:none;border:0;font-size:22px;color:var(--purple)}.header-user{font-size:0}.dashboard-content{padding:23px 17px}.welcome-block{align-items:flex-start;flex-direction:column}.welcome-block h2{font-size:24px}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:21px}.module-placeholder{margin:50px 15px}}@media(max-width:390px){.stats-grid{grid-template-columns:1fr}}.brands-page{width:100%;max-width:1500px;margin:0 auto;padding:35px;color:#21152d}.brands-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.brands-toolbar h2{font-size:27px;letter-spacing:-.04em;margin:9px 0 5px}.brands-toolbar p,.brands-table-heading p,.brand-modal-heading p{font-size:12px;color:#82768d;margin:0;line-height:1.6}.brands-page .eyebrow{color:#a17abe;font-size:10px;font-weight:700;letter-spacing:.15em}.primary-action{border:0;border-radius:9px;background:#542080;color:#fff;padding:12px 17px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.primary-action:hover{background:#421665;transform:translateY(-1px)}.primary-action:disabled{opacity:.6;cursor:wait}.secondary-action{border:1px solid #e6deeb;background:#fff;color:#554563;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:600;cursor:pointer}.brands-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.brand-summary-card{background:#fff;border:1px solid #e9e2ed;border-radius:12px;padding:19px;display:flex;flex-direction:column;gap:10px}.brand-summary-card span{color:#82768d;font-size:11px}.brand-summary-card strong{font-size:26px;color:#21152d}.brands-notice{background:#eaf7ef;color:#176b3a;border:1px solid #d2eddd;border-radius:9px;padding:12px 15px;font-size:12px;margin-bottom:15px}.brands-error{margin-bottom:15px}.brands-table-card{background:#fff;border:1px solid #e9e2ed;border-radius:13px;overflow:hidden}.brands-table-heading{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #eee9f1}.brands-table-heading h3{margin:0 0 5px;font-size:14px;color:#21152d}.brand-search{height:40px;width:min(260px,100%);border:1px solid #e5dce9;border-radius:8px;padding:0 12px;outline:none;font-size:11px;color:#21152d;background:#fff}.brand-search:focus,.brand-modal input:focus,.brand-modal select:focus{border-color:#542080;box-shadow:0 0 0 3px #54208014}.brands-table-scroll{overflow-x:auto}.brands-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.brands-table th{background:#faf9fb;color:#8a7f93;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:14px 17px}.brands-table td{border-top:1px solid #f0edf2;padding:15px 17px;font-size:11px;color:#62586c}.brands-table td strong,.brands-table td small{display:block}.brands-table td strong{color:#21152d}.brands-table td small{color:#9b91a2;font-size:10px;margin-top:4px}.brand-status{display:inline-block;padding:5px 9px;border-radius:30px;font-size:10px;font-weight:700}.brand-status.active{background:#e7f6ed;color:#267347}.brand-status.inactive{background:#f1edf3;color:#807489}.brand-actions{display:flex;gap:7px}.brand-actions button{background:#fff;border:1px solid #e6deeb;border-radius:6px;padding:7px 10px;color:#542080;font-size:10px;cursor:pointer}.brand-actions button:hover{background:#f3edf8}.brands-empty{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.brands-empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f0e8f7;color:#542080;font-size:22px;font-weight:800}.brands-empty strong{margin-top:13px;font-size:13px}.brands-empty p{color:#82768d;font-size:11px;margin:7px 0 16px}.brand-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#190f2185;display:grid;place-items:center;padding:20px;overflow-y:auto}.brand-modal{width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:16px;padding:27px;box-shadow:0 20px 70px #190f2133}.brand-modal-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:23px}.brand-modal-heading h2{font-size:23px;margin:8px 0 5px}.modal-close{width:34px;height:34px;border:0;border-radius:8px;background:#f5f2f7;font-size:23px;color:#6f617a;cursor:pointer}.brand-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brand-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#382b43}.brand-form-grid input,.brand-form-grid select{width:100%;height:42px;border:1px solid #e5dce9;border-radius:8px;padding:0 11px;outline:none;font-size:11px;font-weight:400;color:#21152d;background:#fff}.brand-form-wide{grid-column:1 / -1}.brand-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid #eee9f1}@media(max-width:700px){.brands-page{padding:23px 17px}.brands-toolbar{align-items:flex-start;flex-direction:column}.brands-summary{gap:8px}.brand-summary-card{padding:12px}.brand-summary-card span{font-size:9px}.brand-summary-card strong{font-size:21px}.brands-table-heading{align-items:flex-start;flex-direction:column}.brand-search{width:100%}.brand-form-grid{grid-template-columns:1fr}.brand-form-wide{grid-column:auto}.brand-modal{padding:19px}}.brand-visual-settings{grid-column:1 / -1;padding:18px;border:1px solid var(--border);border-radius:12px;background:#faf9fb}.brand-visual-settings h3{margin:0 0 5px;font-size:14px}.brand-visual-settings>p{margin:0 0 16px;color:var(--muted);font-size:11px}.brand-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.brand-color-control{height:43px;display:flex;align-items:center;gap:10px;padding:5px 10px;border:1px solid #e5dce9;border-radius:8px;background:#fff}.brand-color-control input[type=color]{width:35px;height:30px;padding:2px;border:0;background:transparent;cursor:pointer}.brand-color-control span{color:var(--text);font-size:11px;font-weight:600}.brand-preview{min-height:95px;margin:18px 0;padding:20px;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:6px}.brand-preview strong{font-size:19px}.brand-preview span{font-size:11px;opacity:.85}@media(max-width:700px){.brand-color-grid{grid-template-columns:1fr}}.feedback-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:grid;place-items:center;padding:20px;background:#1911237a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:feedback-fade-in .16s ease-out}.feedback-dialog{width:min(100%,520px);padding:34px;border:1px solid var(--border-color, #eadff0);border-radius:22px;background:var(--surface-color, #fff);box-shadow:0 24px 80px #19112338;animation:feedback-dialog-in .18s ease-out}.feedback-dialog-icon{display:grid;width:54px;height:54px;margin-bottom:22px;place-items:center;border-radius:17px;background:var(--primary-soft, #f1e8f8);color:var(--primary-color, #542080);font-size:27px;font-weight:700}.feedback-dialog-icon.danger{color:#b4232c;background:#fcebec}.feedback-dialog-icon.warning{color:#a15c08;background:#fff3df}.feedback-dialog h2{margin:0 0 12px;color:var(--text-color, #251a30);font-size:23px;line-height:1.3}.feedback-dialog p{margin:0;color:var(--muted-color, #786d80);font-size:14px;line-height:1.75}.feedback-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:30px}.feedback-button{min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:11px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.feedback-button:hover{transform:translateY(-1px)}.feedback-button.secondary{border-color:var(--border-color, #eadff0);background:#fff;color:var(--text-color, #251a30)}.feedback-button.primary{background:var(--primary-color, #542080);color:#fff}.feedback-button.danger{background:#b4232c;color:#fff}.feedback-toast-container{position:fixed;z-index:3100;top:22px;right:22px;display:grid;width:min(390px,calc(100vw - 32px));gap:10px}.feedback-toast{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--border-color, #eadff0);border-radius:13px;background:var(--surface-color, #fff);box-shadow:0 12px 35px #19112321;color:var(--text-color, #251a30);font-size:13px;line-height:1.5;animation:feedback-toast-in .18s ease-out}.feedback-toast-icon{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:50%;background:#e8f7ef;color:#16834b;font-weight:800}.feedback-toast.error .feedback-toast-icon{background:#fcebec;color:#b4232c}.feedback-toast.warning .feedback-toast-icon{background:#fff3df;color:#a15c08}.feedback-toast.info .feedback-toast-icon{background:var(--primary-soft, #f1e8f8);color:var(--primary-color, #542080)}.feedback-toast button{margin-left:auto;border:0;background:transparent;color:var(--muted-color, #786d80);font-size:21px;cursor:pointer}@keyframes feedback-fade-in{0%{opacity:0}to{opacity:1}}@keyframes feedback-dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedback-toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(max-width:520px){.feedback-dialog{padding:25px 21px}.feedback-dialog-actions{flex-direction:column-reverse}.feedback-button{width:100%}.feedback-toast-container{top:12px;right:12px}}