@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#423239;background:#fbf8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:258px;flex-shrink:0;background:#711c3b;color:#fff;padding:32px 17px;display:flex;flex-direction:column;box-shadow:7px 0 24px #711c3b0a}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 15px 43px}.brand strong{font:600 28px Playfair Display,Georgia,serif;display:block;letter-spacing:-.5px}.brand small{display:block;color:#e9c3cc;letter-spacing:2px;font-size:9px;margin-top:3px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{width:100%;display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#ead3dc;border-radius:13px;padding:15px 16px;font-size:14px;font-weight:500;text-align:left;transition:background .2s}.sidebar nav button.active,.sidebar nav button:hover{background:#ffffff1d;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #eeb6c6}.sidebar-note{margin-top:auto;padding:20px 12px;border-top:1px solid #ffffff30;font:italic 15px/1.7 Playfair Display,serif;color:#edcdd7}main{max-width:1240px;width:100%;margin:0 auto;padding:40px 52px 80px;align-self:flex-start}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:35px}header h1{font:600 38px/1.15 Playfair Display,Georgia,serif;color:#711c3b;margin:10px 0}header p,.panel p{color:#877880;font-size:14px;margin:0;line-height:1.5}.eyebrow{letter-spacing:2.4px;font-size:10px;color:#a16b7e;font-weight:700;text-transform:uppercase}.avatar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee0e4;color:#711c3b;padding:10px 14px;border-radius:100px;box-shadow:0 4px 16px #711c3b0a}.logout{border:0;color:#711c3b;background:transparent;font-weight:700;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:35px}.metrics article{min-height:168px;border:1px solid #eee1e4;background:#fff;padding:25px;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;color:#8a3253;box-shadow:0 9px 30px #711c3b0a}.metrics article svg{background:#f9edf1;border-radius:13px;padding:9px;width:43px;height:43px}.metrics b{font:600 31px Playfair Display,Georgia,serif;color:#711c3b}.metrics span{font-size:12px;font-weight:600;color:#81737b}h2{font:600 24px Playfair Display,Georgia,serif;color:#711c3b;margin:0 0 20px}.panel{background:#fff;border:1px solid #eee1e4;border-radius:20px;padding:18px 26px;box-shadow:0 8px 28px #711c3b09}.person{display:flex;align-items:center;gap:14px;min-height:82px;border-bottom:1px solid #f1e7eb}.person:last-child{border:0}.person>span:nth-of-type(1){flex:1;min-width:0}.person strong{display:block;font-size:14px;color:#413039}.person small{display:block;color:#93818b;margin-top:7px;font-size:12px}.person input{accent-color:#711c3b;width:19px;height:19px}.pill{background:#f6e8ee;color:#883452;padding:7px 11px;border-radius:20px;font-size:11px;font-weight:700}.notice{color:#a08f96;font-size:11px;margin-top:24px}.search{display:flex;align-items:center;gap:10px;border:1px solid #eadde1;background:#fff;border-radius:13px;padding:13px 17px;margin:0 0 20px}.search input{border:0;outline:none;flex:1;min-width:0;font-size:14px;color:#413039}.bottom-nav{display:none}.customer-manager{display:grid;gap:22px}.customer-form{background:#fff;border:1px solid #eee1e4;border-radius:20px;padding:30px;display:grid;gap:17px;box-shadow:0 8px 28px #711c3b09}.customer-form h2{margin:0}.customer-form p{margin:-8px 0 6px;color:#887780;font-size:13px}.customer-form label,.auth-card label{display:grid;gap:8px;font-weight:700;font-size:12px;color:#604552}.customer-form input,.auth-card input{border:1px solid #e5d7de;background:#fff;border-radius:11px;padding:14px;outline:none;max-width:100%}.customer-form input:focus,.auth-card input:focus{border-color:#a65a75;box-shadow:0 0 0 3px #a65a7520}.customer-form button,.auth-submit{border:0;background:#711c3b;color:#fff;padding:15px 21px;border-radius:12px;font-weight:700}.customer-form button:hover,.auth-submit:hover{background:#8c2d50}.customer-form button:disabled,.auth-submit:disabled{opacity:.6}.success-text{color:#28684d;background:#eaf7ef;padding:13px;border-radius:10px}.auth-screen{min-height:100vh;background:radial-gradient(circle at 20% 15%,#e7c5ce 0,transparent 40%),linear-gradient(130deg,#f7e9e7,#fcfaf8);display:grid;place-items:center;padding:20px}.auth-card{background:#fff;border:1px solid #eee0e4;box-shadow:0 25px 80px #711c3b21;padding:42px;width:min(430px,100%);border-radius:24px;display:flex;flex-direction:column;gap:17px}.auth-card h1{font:600 43px Playfair Display,Georgia,serif;color:#711c3b;margin:0}.auth-card h2{font:600 26px Playfair Display,serif;color:#711c3b;margin:0}.auth-card p{color:#877880;margin:0 0 9px}.auth-card small{color:#92848a;line-height:1.5}.auth-error{background:#fff0f1;color:#9c2642;border-radius:10px;padding:12px;font-size:13px}.demo-label{font-size:11px;font-weight:700;letter-spacing:.8px;color:#9c4c67;background:#faeef2;border:1px solid #efd9e1;padding:9px 13px;border-radius:11px;display:inline-flex;margin-bottom:23px}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}main{padding:32px 28px 90px}}@media(max-width:760px){.sidebar{display:none}main{padding:26px 17px 110px}header{margin-bottom:27px}header h1{font-size:31px}header p{font-size:12px}.metrics{gap:11px;margin-bottom:28px}.metrics article{min-height:146px;padding:18px;border-radius:17px}.metrics b{font-size:28px}.metrics span{font-size:11px}.panel{padding:12px 17px}.customer-form{padding:20px}.bottom-nav{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -8px 28px #711c3b0b;border-top:1px solid #efdfE5;justify-content:space-around;padding:12px 5px calc(13px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:#9f8d95;display:flex;flex-direction:column;align-items:center;gap:5px}.bottom-nav button.active{color:#711c3b}.bottom-nav small{font-size:10px;font-weight:700}.person{gap:9px}.pill{font-size:10px}.auth-card{padding:30px 24px}}.customers-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.customers-toolbar h2{margin:0 0 7px}.customers-toolbar p{margin:0;color:#897780;font-size:13px}.new-customer-button,.empty-add-button{border:0;background:#711c3b;color:#fff;border-radius:12px;padding:14px 20px;font-weight:700;white-space:nowrap;box-shadow:0 7px 20px #711c3b1f}.new-customer-button:hover,.empty-add-button:hover{background:#8c2d50}.customer-form-actions{display:flex;justify-content:flex-end;gap:10px}.customer-form-actions .cancel-button{background:#f3e7da;color:#711c3b}.customers-empty{padding:20px 0;text-align:center}.customers-empty p{margin-bottom:15px}@media(max-width:760px){.customers-toolbar{align-items:stretch;flex-direction:column}.new-customer-button{width:100%;padding:16px}.customer-form-actions{flex-direction:column-reverse}.customer-form-actions button{width:100%}}.customer-list-button{display:flex;align-items:center;gap:14px;width:100%;background:transparent;border:0;border-bottom:1px solid #f1e7eb;text-align:left;padding:14px 3px;color:#423239;min-height:75px}.customer-list-button:last-child{border-bottom:0}.customer-list-button>span:nth-child(2){flex:1;min-width:0}.customer-list-button strong,.customer-list-button small{display:block}.customer-list-button small{font-size:12px;color:#93818b;margin-top:5px}.customer-list-avatar,.customer-profile-avatar{display:grid;place-items:center;border-radius:50%;background:#f5e5eb;color:#711c3b;font-weight:700;flex-shrink:0}.customer-list-avatar{width:44px;height:44px}.customer-list-arrow{font-size:24px;color:#8c2d50}.customer-list-button:hover{background:#fdf8fa}.customer-back{align-self:start;border:0;background:transparent;color:#711c3b;font-weight:700;padding:6px 0}.customer-profile-hero{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #eee1e4;border-radius:20px;padding:24px}.customer-profile-avatar{width:68px;height:68px;font-size:28px}.customer-profile-hero h2{margin:5px 0}.customer-profile-hero p{margin:0;color:#887780}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.customer-action-form{display:grid;gap:15px}.customer-action-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#604552}.customer-action-form input,.customer-action-form select,.customer-action-form textarea{width:100%;border:1px solid #e5d7de;border-radius:11px;padding:13px;font:inherit;background:#fff;color:#423239}.customer-action-form button{border:0;border-radius:11px;padding:14px;background:#711c3b;color:#fff;font-weight:700}.customer-action-form button:disabled{opacity:.6}.customer-history-row{padding:13px 0;border-bottom:1px solid #f1e7eb;overflow-wrap:anywhere}.customer-history-row:last-child{border:0}.customer-history-row strong{font-size:13px}.customer-history-row p{color:#887780;font-size:13px;margin:6px 0 0;white-space:pre-wrap}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.customer-profile-hero{padding:18px}.customer-profile-avatar{width:55px;height:55px}}.relationship-agenda{display:grid;gap:17px}.agenda-task{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #f1e7eb}.agenda-task:last-child{border:0}.agenda-task-content{flex:1;min-width:0;display:grid;gap:7px}.agenda-task-content strong{font-size:14px;color:#493541}.agenda-task-content small{font-size:12px;color:#93818b}.agenda-task button{background:#711c3b;color:#fff;border:0;border-radius:10px;padding:11px 15px;font-weight:700;font-size:12px;white-space:nowrap}.agenda-task button:disabled{opacity:.6}@media(max-width:760px){.agenda-task{align-items:flex-start;flex-direction:column}.agenda-task button{align-self:flex-end}}