*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#faf7f3;color:#1a1a1a;min-height:100vh}:root{--pink:#e8185a;--pink-dark:#A01044;--pink-light:#FCEAF1;--pink-mid:#F4C0D1;--gold:#B8893A;--gold-light:#F3E8CF;--white:#ffffff;--grey-50:#FAF7F3;--grey-100:#F1ECE4;--grey-200:#E5DDD2;--grey-300:#CFC6BA;--grey-400:#9A938A;--grey-500:#7C766D;--grey-600:#6B6660;--grey-700:#46423C;--grey-800:#2A2723;--green:#0F6E56;--green-light:#E1F5EE;--orange:#854F0B;--orange-light:#FAEEDA;--red:#A32D2D;--red-light:#FCEBEB;--blue:#185FA5;--blue-light:#E6F1FB;--shadow-sm:0 1px 3px rgba(232,24,90,.08);--shadow-md:0 4px 12px rgba(232,24,90,.12);--shadow-lg:0 8px 24px rgba(232,24,90,.16);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--grey-50)}::-webkit-scrollbar-thumb{background:var(--pink-mid);border-radius:10px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff0f5,#fbeaf0 40%,#f4c0d1);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,24,90,.08) 0%,transparent 70%);top:-200px;right:-200px}.login-page:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(232,24,90,.06) 0%,transparent 70%);bottom:-150px;left:-150px}.login-card{background:#fff;border-radius:var(--radius-xl);padding:48px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:32px}.login-logo .tagline{font-family:EB Garamond,serif;font-style:italic;color:var(--pink);font-size:15px;font-weight:600;margin-top:8px}.login-title{font-size:22px;font-weight:700;color:var(--grey-800);text-align:center;margin-bottom:8px}.login-sub{font-size:13px;color:var(--grey-400);text-align:center;margin-bottom:28px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:500;color:var(--grey-600);margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--grey-200);border-radius:var(--radius-md);font-size:14px;font-family:Inter,sans-serif;color:var(--grey-800);background:#fff;transition:border-color .2s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--pink)}.form-group.password-wrap{position:relative}.form-group.password-wrap input{padding-right:44px}.eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--grey-400);font-size:16px;padding:4px}.login-btn{width:100%;padding:14px;background:var(--pink);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 12px #e8185a4d;margin-top:8px}.login-btn:hover{background:var(--pink-dark);box-shadow:0 6px 16px #e8185a66}.login-btn:active{transform:scale(.98)}.login-btn:disabled{background:var(--grey-200);box-shadow:none;cursor:not-allowed}.forgot-link{text-align:center;margin-top:16px;font-size:13px}.forgot-link a{color:var(--pink);text-decoration:none;font-weight:500}.forgot-link a:hover{text-decoration:underline}.error-msg{background:var(--red-light);color:var(--red);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px;border:1px solid rgba(163,45,45,.2)}.success-msg{background:var(--green-light);color:var(--green);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px;border:1px solid rgba(15,110,86,.2)}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;background:#fff;border-right:1px solid var(--grey-100);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:2px 0 8px #e8185a0f}.sidebar-brand{padding:20px 16px 16px;border-bottom:1px solid var(--grey-100)}.sidebar-brand .brand-logo{display:flex;align-items:center;gap:10px}.sidebar-brand img{height:36px;object-fit:contain}.sidebar-brand .brand-text .name{font-size:14px;font-weight:700;color:var(--grey-800)}.sidebar-brand .brand-text .tagline{font-family:EB Garamond,serif;font-style:italic;font-size:11px;color:var(--pink);margin-top:1px}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.nav-section{margin-bottom:4px}.nav-section-title{font-size:10px;font-weight:600;color:var(--grey-400);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;color:var(--grey-600);font-size:13px;font-weight:400;border:none;background:transparent;width:100%;text-align:left;position:relative;transition:background .15s}.nav-item:hover{background:var(--grey-50);color:var(--grey-800)}.nav-item.active{background:var(--pink-light);color:var(--pink);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pink);border-radius:0 2px 2px 0}.nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--grey-100)}.user-info{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.user-info:hover{background:var(--grey-50)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--pink-light);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--pink);flex-shrink:0}.user-name{font-size:13px;font-weight:500;color:var(--grey-800);flex:1}.user-role{font-size:11px;color:var(--grey-400)}.logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:none;border:none;color:var(--grey-400);font-size:13px;cursor:pointer;border-radius:var(--radius-sm);font-family:Inter,sans-serif;margin-top:4px;transition:color .15s,background .15s}.logout-btn:hover{color:var(--red);background:var(--red-light)}.main-content{margin-left:240px;flex:1;min-height:100vh;background:var(--grey-50)}.page-header{background:#fff;border-bottom:1px solid var(--grey-100);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.page-title{font-size:18px;font-weight:600;color:var(--grey-800)}.page-subtitle{font-size:13px;color:var(--grey-400);margin-top:2px}.page-body{padding:24px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--grey-100);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;border-radius:0 var(--radius-lg) 0 60px;opacity:.06}.metric-card.pink:after{background:var(--pink)}.metric-card.green:after{background:var(--green)}.metric-card.orange:after{background:var(--orange)}.metric-card.blue:after{background:var(--blue)}.metric-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}.metric-card.pink .metric-icon{background:var(--pink-light)}.metric-card.green .metric-icon{background:var(--green-light)}.metric-card.orange .metric-icon{background:var(--orange-light)}.metric-card.blue .metric-icon{background:var(--blue-light)}.metric-value{font-size:26px;font-weight:700;color:var(--grey-800);margin-bottom:4px}.metric-label{font-size:12px;color:var(--grey-400);font-weight:400}.metric-trend{font-size:11px;margin-top:6px;font-weight:500}.metric-trend.up{color:var(--green)}.session-warning{position:fixed;top:20px;right:20px;background:#fff;border:1.5px solid var(--orange);border-radius:var(--radius-md);padding:16px 20px;box-shadow:var(--shadow-md);z-index:9999;max-width:320px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.session-warning h4{font-size:14px;font-weight:600;color:var(--orange);margin-bottom:4px}.session-warning p{font-size:13px;color:var(--grey-600);margin-bottom:12px}.session-warning-btns{display:flex;gap:8px}.btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:1.5px solid var(--grey-200);background:#fff;color:var(--grey-800);font-family:Inter,sans-serif;transition:all .15s}.btn:hover{background:var(--grey-50)}.btn.primary{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 2px 8px #e8185a33}.btn.primary:hover{background:var(--pink-dark);border-color:var(--pink-dark)}.btn.sm{padding:5px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.coming-soon .cs-icon{width:80px;height:80px;border-radius:50%;background:var(--pink-light);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:20px}.coming-soon h2{font-size:20px;font-weight:600;color:var(--grey-800);margin-bottom:8px}.coming-soon p{font-size:14px;color:var(--grey-400);max-width:300px}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--pink-light);border-top:3px solid var(--pink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:20px}.settings-sidebar{background:#fff;border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-sm);border:1px solid var(--grey-100);height:fit-content;position:sticky;top:88px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;color:var(--grey-600);border:none;background:transparent;width:100%;text-align:left;transition:all .15s}.settings-nav-item:hover{background:var(--grey-50);color:var(--grey-800)}.settings-nav-item.active{background:var(--pink-light);color:var(--pink);font-weight:500}.settings-panel{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--grey-100)}.settings-section-title{font-size:16px;font-weight:600;color:var(--grey-800);margin-bottom:4px}.settings-section-sub{font-size:13px;color:var(--grey-400);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--grey-100)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-grid.three{grid-template-columns:1fr 1fr 1fr}.form-grid.one{grid-template-columns:1fr}.field-label{font-size:12px;font-weight:500;color:var(--grey-600);margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.02em}.field-input{width:100%;padding:10px 14px;border:1.5px solid var(--grey-200);border-radius:var(--radius-md);font-size:14px;font-family:Inter,sans-serif;color:var(--grey-800);background:#fff;transition:border-color .2s;outline:none}.field-input:focus{border-color:var(--pink)}.field-input:read-only{background:var(--grey-50);color:var(--grey-400);cursor:not-allowed}.field-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--grey-200);border-radius:var(--radius-md);font-size:14px;font-family:Inter,sans-serif;color:var(--grey-800);background:#fff;transition:border-color .2s;outline:none;resize:vertical;min-height:100px}.field-textarea:focus{border-color:var(--pink)}.save-bar{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--grey-100)}.save-bar .save-hint{font-size:12px;color:var(--grey-400)}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500}.tag.green{background:var(--green-light);color:var(--green)}.tag.pink{background:var(--pink-light);color:var(--pink)}.divider{border:none;border-top:1px solid var(--grey-100);margin:20px 0}.info-box{background:var(--blue-light);border-radius:var(--radius-md);padding:12px 16px;font-size:13px;color:var(--blue);margin-bottom:16px;display:flex;gap:8px;align-items:flex-start}.toast-host{position:fixed;top:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);cursor:pointer;border:1px solid;animation:toastIn .2s ease}.toast.error{background:var(--red-light);color:var(--red);border-color:#a32d2d40}.toast.success{background:var(--green-light);color:var(--green);border-color:#0f6e5640}.toast.info{background:var(--pink-light);color:var(--pink);border-color:var(--pink-mid)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}