@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap";
:root{--ink:#332823;--gold:#b89b72;--taupe:#a89688;--cream:#f3eee7;--line:#e9e1d8;--muted:#988a7e}*{box-sizing:border-box}body{color:var(--ink);background:#f8f6f3;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app{min-height:100vh;display:flex}.sidebar{color:#f5eee7;z-index:20;background:#332823;flex-direction:column;width:250px;padding:32px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 4px 42px;display:flex}.brand .monogram{background:#f3eee7 url(/identidade-karol.png) -45px -10px/225px 150px no-repeat;border:1px solid #b89b72;border-radius:50%;flex:0 0 47px;width:47px;height:47px;font-size:0}.brand strong{white-space:nowrap;font:18px Playfair Display,Georgia,serif;display:block}.brand small{color:#bbac9d;letter-spacing:2px;margin-top:6px;font-size:8px;display:block}.navlabel,.eyebrow{letter-spacing:1.8px;color:#aa8b67;font-size:9px;font-weight:700}.navlabel{color:#8f7c6d;padding:0 14px 15px}nav{flex-direction:column;gap:7px;display:flex}nav button{color:#bdb0a4;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;height:48px;padding:0 14px;display:flex}nav button.active{color:#fff;background:#4e4036}nav button.active svg{color:#c5a782}nav b{color:#fff;background:#b89b72;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:auto;font-size:10px;display:grid}.sidebottom{color:#c7a982;border-top:1px solid #75655a;align-items:flex-start;gap:10px;margin-top:auto;padding:20px 4px 0;display:flex}.sidebottom strong,.sidebottom small{display:block}.sidebottom strong{color:#e8ddd2;font-size:11px}.sidebottom small{color:#a9998a;margin-top:5px;font-size:10px}main{width:calc(100% - 250px);min-width:0;margin-left:250px}.topbar{border-bottom:1px solid var(--line);background:#fffdfb;justify-content:space-between;align-items:center;gap:10px;height:74px;padding:0 5%;display:flex}.crumb{letter-spacing:1.3px;color:#a09489;font-size:9px;font-weight:700}.crumb span{color:#d0c5b9;margin:0 12px}.topright{align-items:center;gap:20px;display:flex}.today{color:#8b7f74;text-transform:capitalize;font-size:12px}.avatar{color:#8c7256;background:#ebdfd2;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia;display:grid}.content{max-width:1600px;margin:auto;padding:45px 5% 70px}.heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:33px;display:flex}h1,h2{margin:0;font-family:Playfair Display,Georgia,serif;font-weight:400}h1{letter-spacing:-1.6px;margin-top:9px;font-size:42px}h1 span{color:var(--gold)}h2{letter-spacing:-.5px;margin-top:8px;font-size:22px}.heading p{color:#9a8e83;margin:10px 0 0;font-size:13px;line-height:1.6}.primary,.secondary{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 17px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#a58967;border:1px solid #a58967;box-shadow:0 4px 10px #a5896720}.primary:hover{background:#907657}.secondary{color:#6b5745;background:#fff;border:1px solid #e4d9cd}.actions{gap:10px;display:flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:142px;padding:21px;box-shadow:0 7px 25px #33282304}.stat-top{color:#a99a8c;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;display:flex}.stat-top svg{color:#b89b72;width:17px}.stat strong{margin:17px 0 5px;font:30px Playfair Display,Georgia,serif;display:block}.stat small{color:#aea198;font-size:11px}.dashboard-grid{grid-template-columns:1.15fr 1fr;gap:20px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:25px;box-shadow:0 7px 25px #33282304}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;display:flex}.link,.textbutton{color:#a18462;background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-size:11px;font-weight:600;display:inline-flex}.panel-sub{color:#a3968a;margin:-7px 0 10px;font-size:11px;line-height:1.6}.count{color:#a28461;background:#f7f0e8;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.row{border-bottom:1px solid #f2ede8;align-items:center;gap:12px;padding:15px 0;display:flex}.row:last-child{border-bottom:0}.row-main{flex:1;min-width:0}.row-main strong,.row-main small{display:block}.row-main strong{font-size:12px;font-weight:600}.row-main small{color:#a89a8d;overflow-wrap:anywhere;margin-top:6px;font-size:10px;line-height:1.5}.timebox{color:#a08361;background:#f9f3ed;border-radius:6px;padding:10px;font-size:11px;font-weight:600}.badge{color:#a48664;white-space:nowrap;background:#f9f3ed;border-radius:20px;padding:6px 9px;font-size:9px}.badge.done{color:#678665;background:#eef5ed}.initials,.costicon{color:#a98b68;background:#f6eee7;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:11px;display:grid}.whatsapp,.roundadd{color:#9b7d5d;background:#fff;border:1px solid #e7ddd2;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.whatsapp:hover{background:#f5eee7}.empty{text-align:center;color:#b6a99d;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;display:flex}.empty svg{color:#c5aa89;width:25px;height:25px;margin-bottom:5px}.empty strong{color:#6f5f52;font:16px Playfair Display,Georgia,serif}.empty span{font-size:11px;line-height:1.5}.empty.small{min-height:200px}.calendar-grid{grid-template-columns:1.05fr 1fr;gap:20px;display:grid}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.calendar-header h2,.month-filter strong{text-transform:capitalize}.monthnav{gap:6px;display:flex}.monthnav button,.month-filter button{border:1px solid var(--line);color:#9a8065;background:#fff;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekday{text-align:center;color:#b1a59a;padding:10px 0;font-size:10px}.date{color:#716356;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:54px;font-size:12px;display:flex}.date:hover{background:#f9f4ee}.date.selected{color:#fff;background:#a78a68}.date.istoday:not(.selected){border-color:#cdb9a2}.dots{gap:4px;height:4px;display:flex}.dots i,.legend i{background:#b89b72;border-radius:50%;width:4px;height:4px}.dots i:nth-child(2){background:#927b71}.selected .dots i{background:#fff}.legend{color:#aa9b8d;border-top:1px solid #f2ece6;gap:20px;margin-top:15px;padding-top:20px;font-size:10px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{width:6px;height:6px}.legend span+span i{background:#927b71}.section-label{letter-spacing:1px;color:#a39688;padding:8px 0;font-size:10px;font-weight:700}.section-label span{color:#c0ae9c;margin-left:4px}.costs-label{margin-top:25px}.quiet{color:#b0a59b;margin:16px 0;font-size:11px}.event{border-bottom:1px solid #f2ede8;align-items:center;gap:10px;padding:13px 0;display:flex}.event-time{color:#a18462;min-width:42px;font-size:11px;font-weight:600}.event>strong{white-space:nowrap;font-size:11px}.finish{color:#957654;background:#fff;border:1px solid #c8b39a;border-radius:6px;padding:8px 10px;font-size:10px}.delete{color:#c6b9ad;background:0 0;border:0;padding:6px}.delete:hover{color:#a75151}.add-cost{color:#a18462;background:0 0;border:0;align-items:center;gap:7px;padding:15px 0;font-size:11px;display:flex}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.month-filter{align-items:center;gap:15px;margin-bottom:20px;display:flex}.month-filter strong{font:15px Playfair Display,Georgia}.overlay{z-index:50;background:#2f251fc4;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fffdfb;border-radius:14px;width:min(100%,490px);max-height:90vh;padding:28px;overflow:auto;box-shadow:0 18px 60px #1f17143a}.dialog-head{justify-content:space-between;align-items:start;margin-bottom:28px;display:flex}.iconbutton{color:#948577;background:0 0;border:0;place-items:center;padding:5px;display:grid}label{color:#68574a;margin:17px 0;font-size:11px;font-weight:600;display:block}label span{color:#b1a69b;font-weight:400}label input,label select{color:#332823;background:#fff;border:1px solid #e7ddd3;border-radius:7px;outline:none;width:100%;height:43px;margin-top:8px;padding:0 12px}label input:focus,label select:focus{border-color:#b89b72;box-shadow:0 0 0 3px #b89b721c}label small{color:#aa9c90;margin-top:7px;font-size:10px;font-weight:400;display:block}.formgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.info,.form-note{color:#92785d;background:#f7f1eb;border-radius:7px;padding:12px;font-size:11px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:28px;display:flex}.alert{color:#9d4b34;background:#fff1ec;border-radius:8px;margin-bottom:20px;padding:13px}.alert button{color:inherit;background:0 0;border:0;text-decoration:underline}.mobile-menu,.bottomnav,.scrim{display:none}.loading{text-align:center;color:#a59381;padding:50px}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-grid,.dashboard-grid{grid-template-columns:1fr}.three{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:19;background:#2d241e99;border:0;display:block;position:fixed;inset:0}main{width:100%;margin-left:0}.mobile-menu{display:grid}.topbar{height:65px;padding:0 20px}.crumb{flex:1;font-size:8px}.crumb span{margin:0 5px}.today{display:none}.content{padding:34px 18px 100px}.heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:25px}.heading h1{font-size:36px}.heading .primary{align-self:stretch}.actions{width:100%}.actions button{flex:1;padding:0 10px}.stats{gap:10px}.stat{min-height:125px;padding:15px}.stat strong{font-size:23px}.stat-top{font-size:8px}.stat small{font-size:10px}.panel{padding:20px}.panel h2{font-size:20px}.calendar-grid{gap:14px}.date{min-height:42px}.desktop-only{display:none}.three{grid-template-columns:1fr 1fr}.bottomnav{z-index:15;padding:8px 5px max(8px,env(safe-area-inset-bottom));background:#fffdfb;border-top:1px solid #eadfd5;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #3c2c2008}.bottomnav button{color:#aa9d91;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:5px;font-size:9px;display:flex}.bottomnav button.active{color:#9b7a57}.dialog{padding:22px}.formgrid{gap:10px}.clientrow .link{padding:5px}}.auth-wrap{background:#f3eee7;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fffdfb;border:1px solid #e9e1d8;border-radius:15px;width:min(100%,420px);padding:42px;box-shadow:0 20px 70px #3328230c}.auth-logo{background:#332823;border-radius:15px 15px 0 0;margin:-42px -42px 34px;padding:26px 38px}.auth-logo .brand{padding:0}.auth-card h1{margin:12px 0;font-size:40px}.auth-card h1 span{color:#b89b72}.auth-card p{color:#998a7d;font-size:13px;line-height:1.6}.auth-card form{margin-top:25px}.auth-submit{width:100%;margin-top:12px}.signout{color:#9b8167;cursor:pointer;background:0 0;border:0;font-size:11px}@media (max-width:700px){.auth-card{padding:28px}.auth-logo{margin:-28px -28px 28px;padding:24px 28px}.topright{gap:10px}}.reminder-group{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.reminder-row{border-bottom:1px solid #f2ede8;align-items:center;gap:12px;padding:13px 0;display:flex}.reminder-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.reminder-actions .finish{align-items:center;gap:5px;display:flex}.message-settings{max-width:800px}.settings-description{margin:9px 0 0}label textarea{color:#332823;resize:vertical;width:100%;font:inherit;background:#fff;border:1px solid #e7ddd3;border-radius:7px;outline:none;margin-top:8px;padding:12px;line-height:1.6}label textarea:focus{border-color:#b89b72;box-shadow:0 0 0 3px #b89b721c}.message-status{color:#83694f;font-size:12px}@media (max-width:700px){.reminder-row{flex-direction:column;align-items:flex-start}.reminder-actions{justify-content:flex-start}.bottomnav button{font-size:8px}}