:root{--green:#11634c;--dark:#1f3930;--ink:#273b33;--muted:#819087;--line:#e8ede7;--canvas:#f7f9f5;--pale:#edf4e9;--lime:#d7eabd;--amber:#b88137;--red:#bf6255;--shadow:0 6px 24px #233e2c06}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}button, a, input, textarea, select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #75ad74}input:focus,select:focus,textarea:focus{outline:2px solid #a2cdb1;border-color:#7cad8d}h1,h2,h3,p{margin:0}button,input,select,textarea{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}input,select,textarea{border:1px solid #dfe6dd;border-radius:8px;background:white;color:var(--ink);padding:10px 12px;min-height:40px;max-width:100%}select{cursor:pointer;padding-right:26px}input::placeholder,textarea::placeholder{color:#9ca79f}input[readonly]{background:#f6f8f4;color:#849087}textarea{resize:vertical;line-height:1.6}small{font-size:11px}strong{font-weight:600}svg{flex-shrink:0;vertical-align:middle}table{border-collapse:collapse;width:100%;text-align:left}thead{background:#fafcf8}th{color:#87948b;font-size:11px;font-weight:500;white-space:nowrap;padding:13px 21px;border-block:1px solid #edf0eb}td{padding:16px 21px;border-bottom:1px solid #edf0eb;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf9}td small{display:block;color:#91a095;font-size:10.5px;margin-top:5px}td strong{font-size:12px}table .pet-cell small{margin-top:4px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid var(--line);padding:30px 17px 0;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;margin:0 11px 31px;font-size:25px;font-weight:800;letter-spacing:-1.3px;color:#134a3b}.brand-icon{height:41px;width:41px;display:grid;place-items:center;color:#91b853;background:#f0f5e8;border-radius:13px;transform:rotate(-8deg)}.brand-flow{color:#8cb546}.brand small{display:block;font-size:7.5px;letter-spacing:2.1px;font-weight:500;margin-top:4px;color:#809083}.workspace-card{display:flex;align-items:center;gap:9px;padding:11px 9px;margin-bottom:30px;background:#f8faf5;border:1px solid #edf1e8;border-radius:9px}.workspace-avatar{background:#e5eedc;color:#6b8f4a;width:31px;height:34px;display:grid;place-items:center;border-radius:7px}.workspace-card>span:nth-child(2){min-width:0;flex:1}.workspace-card strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px}.workspace-card small{font-size:9.5px;display:block;color:#8b988d;margin-top:5px}.workspace-card .icon-button{width:18px}.nav-label{font-size:8.5px;color:#a1aba1;font-weight:600;letter-spacing:1.5px;margin:0 13px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;width:100%;border-radius:8px;text-align:left;color:#7d8c82;font-size:12px;font-weight:500;position:relative}.nav-item:hover{background:#f5f8f1;color:var(--green)}.nav-item.active{background:#edf5e7;color:#37714c;font-weight:600}.nav-item.active:before{position:absolute;left:-17px;top:12px;bottom:12px;width:3px;background:#83ad59;content:'';border-radius:0 3px 3px 0}.nav-item span{flex:1}.nav-item b{font-weight:500;font-size:10px;border-radius:5px;padding:2px 6px;background:#e5eedc;color:#699254}.nav-item .amber-count{background:#fbefdc;color:#af8c4f}.nav-dot{height:5px;width:5px;background:#d2a36c;border-radius:50%}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-bottom .nav-item{margin-bottom:3px}.care-note{margin:25px 4px 25px;border:1px solid #ecf0e6;border-radius:10px;background:#f8faf3;padding:15px 10px;display:flex;align-items:flex-start;gap:9px;position:relative;overflow:hidden}.care-note>span{color:#86aa58}.care-note p{font-size:10px;line-height:1.8;color:#8a997b;position:relative;z-index:1}.care-note strong{color:#6a805a;font-size:10px}.care-note>svg{position:absolute;right:-6px;bottom:3px;color:#e5eddb;transform:rotate(20deg)}.user-profile{display:flex;align-items:center;gap:9px;width:calc(100% + 34px);margin-left:-17px;padding:18px 20px;border-top:1px solid var(--line);text-align:left}.user-profile>span:nth-child(2){flex:1;min-width:0}.user-profile strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile small{display:block;font-size:9px;color:#9ba598;margin-top:4px}.user-profile>svg{color:#98a292}.user-avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;font-weight:600;color:#778064;background:#e9eddf;height:31px;width:31px;font-size:11px}.main-shell{margin-left:232px}.topbar{height:77px;display:flex;align-items:center;padding:0 35px;border-bottom:1px solid var(--line);background:#fff;gap:24px;position:relative;z-index:25}.breadcrumb{display:flex;align-items:center;gap:10px;color:#a0aaa1;font-size:11px;flex:1}.breadcrumb strong{color:#6b7d6f;font-weight:500}.global-search{display:flex;align-items:center;gap:8px;position:relative;width:290px;color:#a0aba1}.global-search input{width:100%;border:0;background:#f7f9f5;border-radius:8px;padding-left:34px;font-size:11px;min-height:35px}.global-search>svg{position:absolute;left:11px}.search-key{position:absolute;right:10px;font-size:16px;color:#9da99c}.top-actions{display:flex;align-items:center;gap:23px}.cloud-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#97a58f;white-space:nowrap}.cloud-status i,.live-dot{width:5px;height:5px;border-radius:50%;background:#9dbb7c;display:inline-block}.notification-button{position:relative;color:#86947f;border-left:1px solid var(--line);padding-left:19px;height:28px}.notification-button i{position:absolute;right:2px;top:2px;background:#ce9d6c;border:2px solid white;width:8px;height:8px;border-radius:50%}.top-avatar{width:30px;height:30px;background:#f0e9de;color:#a38f6d}.search-results{position:absolute;top:43px;right:0;width:370px;background:white;border:1px solid var(--line);box-shadow:0 10px 40px #253c331c;border-radius:12px;padding:8px;overflow:hidden}.search-results-head{display:flex;align-items:center;justify-content:space-between;color:#99a294;font-size:10px;padding:4px 7px 9px}.search-results>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:7px}.search-results>button:hover{background:#f2f6ed}.search-results>button>span:not(.pet-avatar){flex:1;min-width:0}.search-results strong{display:block;font-size:12px;color:var(--ink)}.search-results small{display:block;font-size:10px;color:#96a08e;margin-top:4px}.search-results p{padding:22px;text-align:center;font-size:12px}.topbar .mobile-toggle{display:none}main{max-width:1680px;margin:auto;padding:25px 35px 0}.demo-banner{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;margin-bottom:25px;color:#7d9162;border:1px solid #e6eedb;border-radius:7px;background:#f1f5e9;font-size:10px}.demo-banner>span,.demo-banner button{display:flex;align-items:center;gap:7px}.demo-banner button{font-size:10px;font-weight:600;color:#548241}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:600;color:#8b9b82;text-transform:uppercase}.page-heading h1{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.3;margin-top:7px;color:#2c4134}.page-heading>div>p:last-child{color:#91a08d;font-size:11px;margin-top:7px}.heading-actions{display:flex;align-items:center;gap:12px;padding-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:7px;min-height:38px;font-size:11px;font-weight:550;white-space:nowrap;line-height:1.4}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--green);border:1px solid var(--green);color:#fff;box-shadow:0 3px 5px #0d664913}.btn.primary:hover{background:#0b533f}.btn.outline{border:1px solid #dfe7d8;background:#fff;color:#738469}.btn.outline:hover{background:#f4f8ef;border-color:#b8caa9}.btn.ghost{color:#788a70;background:#f6f9f2;border:1px solid transparent}.btn.ghost:hover{background:#eaf1e2}.btn.whatsapp{background:#edf6e9;color:#598742;border:1px solid #ddebd6}.btn.whatsapp:hover{background:#dfefd5}.btn.danger{background:#bb5f51;color:white}.btn.compact{padding:7px 10px;min-height:30px;font-size:10px;gap:5px}.full{width:100%}.date-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fff;color:#94a087;font-size:10px;white-space:nowrap}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#779659;font-weight:500}.text-link:hover{color:var(--green)}.icon-button{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#91a088;flex-shrink:0}.icon-button:hover{background:#edf3e7;color:#3d754e}.welcome-card{display:flex;align-items:center;position:relative;isolation:isolate;background:#eef4e5;border:1px solid #e4edda;overflow:hidden;border-radius:13px;margin-bottom:22px;padding:23px 30px;min-height:173px}.welcome-card>div{position:relative;z-index:2}.welcome-tag{display:flex;align-items:center;gap:6px;font-size:8.5px;color:#8ca16f;margin-bottom:10px}.welcome-tag>span{width:5px;height:5px;display:inline-block;background:#a8bb7f;border-radius:50%}.welcome-card h2{font-weight:550;font-size:25px;letter-spacing:-.6px;line-height:1.25;color:#466640}.welcome-card h2 br{display:none}.welcome-card p{font-size:10.5px;color:#93a480;margin-top:10px}.welcome-card button{display:flex;align-items:center;gap:9px;font-weight:600;font-size:10px;color:#618342;margin-top:16px;padding:0}.welcome-art{position:absolute;right:50px;bottom:-2px;width:290px;height:155px;z-index:0}.welcome-card:after{content:'';position:absolute;inset:auto 0 0;height:18px;background:#e3ecd5;z-index:-1}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat-card{text-align:left;background:white;border:1px solid #e7ede1;border-radius:11px;padding:18px 19px;box-shadow:var(--shadow);min-height:125px}.stat-card:hover{border-color:#bed1ae;box-shadow:0 5px 15px #223e2d09}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10.5px;color:#84957c}.stat-head svg{color:#86a569}.stat-card.cream .stat-head svg{color:#bea97b}.stat-card.lavender .stat-head svg{color:#aba2ba}.stat-card.pink .stat-head svg{color:#c1a397}.stat-value{display:block;font-size:27px;letter-spacing:-.8px;font-weight:600;color:#384b37;margin:12px 0 8px;line-height:1.1}.stat-sub{display:flex;align-items:center;font-size:9px;color:#a0ad96;gap:3px;line-height:1.4}.stat-sub b{font-weight:500;color:#7c9d63}.stat-sub .amber-text{color:#be9c69}.stat-sub svg{margin-left:auto}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(280px,1fr);gap:22px;align-items:start}.panel{border:1px solid var(--line);background:white;border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.panel-header{min-height:75px;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:15px}.panel-header h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#506447}.panel-header h2 svg{color:#90a77d}.panel-header p{font-size:9.5px;color:#a0ad97;margin-top:7px}.count-pill{background:#edf3e5;border:1px solid #e8efdf;color:#93a57a;padding:2px 6px;font-size:9px;font-weight:500;border-radius:4px;margin-left:1px}.tab-row{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:0 20px}.tab-row button{font-size:10px;color:#9ca891;padding:11px 0 12px;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;margin-bottom:-1px}.tab-row button.selected{border-bottom-color:#81a260;color:#648348;font-weight:600}.tab-row button>span{background:#e9f0df;border-radius:4px;font-size:8px;padding:2px 5px;color:#8a9e70}.compact-table{min-width:560px}.compact-table th{font-size:9px;padding:11px 15px;border-top:0}.compact-table td{padding:15px;font-size:10px}.compact-table td:last-child{padding-left:0}.compact-table td strong{font-size:11px}.compact-table small{font-size:9px}.compact-table .pet-avatar{width:34px!important;height:34px!important}.compact-table .service-name{font-size:9px;gap:4px;line-height:1.7}.compact-table .service-name svg{width:12px;height:12px}.compact-table .badge{font-size:8px;gap:4px;padding:5px 6px;white-space:nowrap}.time{font-variant-numeric:tabular-nums}.pet-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;overflow:hidden}.pet-avatar svg{height:92%;width:92%;align-self:flex-end;margin-bottom:-4%}.pet-cell{display:inline-flex;align-items:center;gap:10px;text-align:left;padding:0;max-width:100%}.pet-cell>span:not(.pet-avatar){min-width:0}.pet-cell strong{display:block;color:#4e6545;font-weight:600}.pet-cell small{display:block;font-weight:400;white-space:nowrap;color:#a6b09d;margin-top:4px;font-size:10px}.pet-cell:hover strong{color:var(--green)}.service-name{display:flex;align-items:center;gap:6px;font-size:11px;color:#89967d;white-space:nowrap}.service-name svg{color:#a6b397}.package-hint{display:flex!important;align-items:center;gap:3px;margin-left:19px;color:#b1bba5!important;font-size:8px!important}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #e6ebe2;border-radius:5px;background:#f5f7f2;padding:5px 8px;color:#8c9783;font-size:9px;white-space:nowrap;font-weight:500;line-height:1.2}.badge i{display:inline-block;height:4px;width:4px;border-radius:50%;background:currentColor}.badge.green{background:#eff6e8;color:#82a364;border-color:#e4efda}.badge.blue{background:#edf3f5;color:#8aa6ad;border-color:#e1ebee}.badge.purple{background:#f1edf7;color:#a192b8;border-color:#e9e2f1}.badge.amber{background:#fcf4e6;color:#bb9b64;border-color:#f2e6ce}.badge.red{background:#faedE8;color:#c38c77;border-color:#f3dfd6}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-top:1px solid var(--line);background:#fdfefb;font-size:8.5px;color:#a8b49b;gap:8px}.panel-footer>span{display:flex;align-items:center;gap:6px}.reminder-row{display:flex;align-items:flex-start;gap:10px;margin:0 18px;padding:17px 0;border-bottom:1px solid #edf1e8}.reminder-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:8px;color:#a39570}.peach{background:#faf0e4;color:#c29e6f!important}.sage{background:#edf3e5;color:#91a974}.reminder-text{flex:1;min-width:0}.reminder-text strong{display:block;font-size:10px;color:#83916e;line-height:1.5}.reminder-text span{display:block;font-size:9px;color:#9daa8f;margin-top:3px;line-height:1.5}.reminder-text span b{font-weight:400;padding:0 2px;color:#c1c9b7}.reminder-text small{display:block;font-size:8px;margin-top:5px;color:#b0ba9f;line-height:1.5}.reminder-row>.btn{padding:6px;width:29px;height:29px;margin-top:4px;color:#a7b88f;background:#f5f8ee;min-height:0}.all-reminders{padding:16px;text-align:center;font-size:10px;color:#8ca575;display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.all-reminders:hover{background:#f7faf2}.whatsapp-note{padding:17px 18px;background:#f5f8ef;border-top:1px solid #ebf0e2;display:flex;align-items:center;gap:10px;color:#a3b68c}.whatsapp-note p{font-size:9px;color:#91a27c;line-height:1.6}.whatsapp-note small{display:block;color:#b2bea0;font-size:8px;margin-top:2px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 14px}.section-title h2{font-size:13px;font-weight:500;color:#758669}.section-title span{font-size:9px;color:#aab49e}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{border:1px solid var(--line);background:white;border-radius:9px;padding:16px 13px;display:flex;align-items:center;text-align:left;gap:10px}.quick-card:hover{border-color:#c5d5b3;background:#fbfdf8}.quick-card>span{display:grid;place-items:center;width:31px;height:34px;background:#f0f5e8;color:#9aad7e;border-radius:8px}.quick-card div{flex:1;min-width:0}.quick-card strong{display:block;color:#7c9068;font-size:10px;font-weight:500;line-height:1.5}.quick-card small{display:block;color:#b0bca0;font-size:8px;line-height:1.5;margin-top:3px}.quick-card>svg{color:#b8c4a8;width:13px}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:26px 0;color:#b6c0ac;font-size:8px;letter-spacing:.1px;gap:20px}.app-footer span{display:flex;align-items:center;gap:5px}.app-footer b{font-weight:400;margin:0 2px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.toolbar-right{display:flex;align-items:center;gap:10px}.toolbar-right input,.toolbar-right select,.list-toolbar select{min-height:36px;padding:8px 10px;font-size:11px;color:#8d9d80}.segmented{display:inline-flex;gap:4px;padding:4px;border:1px solid #e8ede1;border-radius:8px;background:#f0f4ea}.segmented button{font-size:10px;padding:8px 14px;border-radius:5px;color:#94a287;display:flex;align-items:center;gap:8px}.segmented button.selected{background:#fff;color:#6a874d;box-shadow:0 1px 4px #3c5d2d08}.segmented button span{font-size:9px;color:#9dae8d}.segmented.small button{padding:6px 9px;font-size:9px}.local-search{display:flex;align-items:center;position:relative;color:#9eab92;min-width:240px}.local-search svg{position:absolute;left:11px}.local-search input{font-size:11px;padding:9px 12px 9px 34px;width:100%;min-height:36px;border-color:#e5eadf}.muted{color:#96a18e;font-size:11px}.green-text{color:#7d9d60!important}.amber-text{color:#b49562!important}.red-text{color:#bd8777!important}.green-bg{background:#eef4e7;color:#8aa36c}.purple-bg{background:#f0ebf5;color:#a18daf}.cream-bg{background:#f7f0e0;color:#bfa66f}.table-scroll{overflow-x:auto;width:100%}.appointments-table:not(.compact-table){min-width:780px}.agenda-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:15px}.date-navigation{display:flex;align-items:center;gap:8px}.date-navigation h2{font-weight:500;font-size:15px;min-width:175px;text-align:center;color:#657c56}.date-navigation .btn{margin-left:8px}.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);padding:15px 23px 20px;gap:12px}.week-strip button{padding:12px 6px;border-radius:9px;border:1px solid #edf0e7;background:#fcfdf9;position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;color:#9fad90}.week-strip button.chosen{background:#eef5e6;border-color:#cfdcbd;color:#79955b}.week-strip button:hover{border-color:#bacda4}.week-strip strong{font-size:21px;font-weight:500}.week-strip small{font-size:9px;text-transform:capitalize}.week-strip span{font-size:8px}.week-strip i{position:absolute;bottom:5px;width:3px;height:3px;border-radius:50%;background:#8ca965}.info-strip{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-radius:9px;background:#f0f4e9;border:1px solid #e6eddc;color:#96aa7e;margin-top:24px}.info-strip p{font-size:11px;line-height:1.8;color:#95a57e}.pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pet-card{text-align:left;background:white;border:1px solid var(--line);border-radius:12px;padding:22px 23px 0;overflow:hidden;box-shadow:var(--shadow)}.pet-card:hover{border-color:#bdd0aa;transform:translateY(-2px)}.pet-card-top{display:flex;align-items:flex-start;gap:10px}.pet-species{display:flex;align-items:center;gap:4px;font-size:9px;color:#9ba98c;background:#f5f8f0;padding:5px 8px;border-radius:5px;margin-left:auto}.pet-card-top>svg{width:15px;color:#aebaa0;margin-top:4px}.pet-card h2{font-size:20px;font-weight:500;color:#5e7750;margin-top:15px;letter-spacing:-.5px}.pet-card>p{font-size:10px;color:#a1ae92;margin-top:6px}.pet-card>p b{font-weight:400;padding:0 5px}.pet-owner{display:flex;align-items:center;gap:7px;color:#9caa8e;font-size:10px;margin:19px 0}.pet-card-footer{border-top:1px solid #edf1e7;min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:7px}.pet-card-footer>span:not(.badge){font-size:8px;color:#b4bfa7}.wide-empty{grid-column:1/-1}.initial-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef2e5;color:#97a87c;flex-shrink:0;font-size:12px}.initial-avatar.large{width:57px;height:57px;font-size:22px;background:#edf3e3;color:#8fa56b}.name-button{display:flex;align-items:center;gap:10px;padding:0;text-align:left}.name-button:hover strong{color:var(--green)}.pet-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pet-tags button,.pet-tags>span{display:inline-flex;align-items:center;gap:4px;background:#f3f7ed;border:1px solid #e7eedd;border-radius:5px;font-size:9px;padding:4px 7px;color:#99ad7e}.pet-tags button:hover{background:#e5eedb}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{border:1px solid var(--line);background:white;border-radius:12px;padding:23px;box-shadow:var(--shadow)}.service-card.inactive{opacity:.65}.service-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.service-icon{display:inline-grid;place-items:center;height:45px;width:45px;flex-shrink:0;border-radius:12px}.service-card .eyebrow{font-size:7px;letter-spacing:1px}.service-card h2{font-size:16px;font-weight:500;color:#6b805a;margin:8px 0 12px}.service-card>p{font-size:11px;color:#a3b095;line-height:1.8;min-height:59px}.service-footer{display:flex;align-items:center;gap:12px;padding-top:19px;margin-top:19px;border-top:1px solid #edf1e7}.service-footer strong{color:#6d8658;font-size:17px;font-weight:500;letter-spacing:-.5px}.service-footer>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#a5b393;margin-left:auto}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.package-card{background:#fff;border:1px solid #e3eadc;border-radius:13px;padding:25px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.package-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:#bdcda8}.package-card.variant-1:before{background:#9bbf8d}.package-card.variant-2:before{background:#b5a5c7}.package-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.package-card-top>span{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:#f0f4e8;color:#9cad7c}.package-card.variant-1 .package-card-top>span{background:#eaf4e4;color:#8cae78}.package-card.variant-2 .package-card-top>span{background:#f2edf6;color:#ac99bc}.package-card .eyebrow{font-size:8px;letter-spacing:1.5px}.package-card h2{font-size:22px;letter-spacing:-.5px;font-weight:500;color:#657d54;margin:9px 0 15px}.package-price{font-size:27px;font-weight:550;color:#6b825b;letter-spacing:-.7px;margin-bottom:25px}.package-price small{font-size:10px;font-weight:400;color:#aebc9e;margin-left:5px;letter-spacing:0}.package-features{display:flex;flex-direction:column;gap:12px;border-top:1px solid #eaf0e2;padding-top:21px;min-height:116px}.package-features span{display:flex;gap:8px;align-items:center;font-size:10px;color:#94a77d}.package-features svg{color:#9cb57f}.eligible-services{display:flex;flex-wrap:wrap;gap:5px;border-top:1px solid #edf1e6;padding-top:18px;margin-top:21px;min-height:91px;align-content:flex-start}.eligible-services small{flex:1 1 100%;font-size:7px;letter-spacing:1.1px;color:#b0bb9e;margin-bottom:5px}.eligible-services>span{font-size:8px;line-height:1.4;background:#f7f9f2;border-radius:4px;padding:4px 6px;color:#a7b595}.package-choose{margin-top:25px;width:100%;background:#f0f5e8;border:1px solid #e3edD7;color:#87a36a;font-size:10px}.package-choose:hover{background:#e4efd8}.session-progress{min-width:105px;max-width:180px}.session-progress>span{font-size:9px;color:#a2b091;display:block;margin-bottom:7px}.session-progress strong{font-size:10px;color:#7c9862}.session-progress>div{height:5px;width:100%;background:#edf2e7;border-radius:5px;overflow:hidden}.session-progress i{display:block;height:100%;background:#acc68d;border-radius:5px}.clinic-intro{display:flex;align-items:center;gap:20px;background:#f1edf5;border:1px solid #e9e2ee;border-radius:12px;padding:24px;color:#b4a5bd}.clinic-intro-icon{width:55px;height:55px;border-radius:14px;display:grid;place-items:center;background:#e7e0ee}.clinic-intro h2{font-size:18px;font-weight:500;color:#9787a5;letter-spacing:-.3px}.clinic-intro p{font-size:11px;color:#b5a8bd;margin-top:8px}.clinic-intro .btn{margin-left:auto;border-color:#dfd7e5;color:#a08dad}.small-title{font-size:14px;font-weight:500;color:#82966c}.clinic-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}.clinical-record{padding:22px;border-top:1px solid var(--line)}.clinical-record-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.clinical-record-top time{font-size:10px;color:#a9b39b}.clinical-record-top>.pet-cell small{font-size:9px}.clinical-record>h3{font-size:14px;font-weight:500;color:#7c916a;margin:19px 0 10px}.clinical-record>p{font-size:11px;line-height:1.9;color:#a1af91;white-space:pre-wrap}.clinical-plan{background:#f6f8f1;border-radius:7px;padding:13px 15px;margin:15px 0}.clinical-plan strong{display:block;font-size:9px;color:#96aa7c;margin-bottom:5px;font-weight:600}.clinical-plan p{font-size:10px;line-height:1.9;color:#a8b697;white-space:pre-wrap}.clinical-record>small{font-size:9px;display:flex;align-items:center;gap:4px}.vaccine-card{padding:20px;border-top:1px solid var(--line)}.vaccine-card>div:first-child{display:flex;align-items:center;gap:10px}.vaccine-card strong{display:block;font-size:12px;color:#8f9f7c}.vaccine-card small{display:block;font-size:9px;color:#b1bda2;margin-top:6px;line-height:1.7}.vaccine-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#f1f5e9;color:#a1b489}.vaccine-card>p{font-size:9px;line-height:1.8;color:#b1bca5;margin:14px 0 12px}.vaccine-card>p>span{padding:0 5px}.vaccine-card .badge{font-size:8px}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mini-stats>div{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:11px;padding:21px}.mini-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:#eef4e7;color:#99b17c}.mini-stats>div>span:last-child{font-size:10px;color:#a1ad95}.mini-stats strong{display:block;font-size:23px;letter-spacing:-.6px;font-weight:500;color:#81976e;margin-top:7px}.product-cell{display:flex;align-items:center;gap:12px;text-align:left;padding:0}.product-cell strong{font-size:11px;color:#8b9d7b;font-weight:500}.product-cell small{font-size:9px;color:#b6c0a8}.product-icon{width:41px;height:43px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.row-actions{display:flex;align-items:center;gap:6px}.transaction-description{display:flex;align-items:center;gap:10px;white-space:nowrap}.transaction-description i{display:grid;place-items:center;width:29px;height:29px;border-radius:7px}.transaction-description .income{background:#edf5e7;color:#9db382}.transaction-description .expense{background:#faf0e7;color:#c2a387}.transaction-description .income svg{transform:rotate(45deg)}.transaction-description strong{color:#8c9d7c;font-weight:500;font-size:11px}.period-label{display:flex;align-items:center;gap:8px;color:#9cae88;font-size:11px}.reminders-summary{display:flex;align-items:center;gap:20px;background:#edf5e8;border:1px solid #e0ebd6;border-radius:12px;padding:25px}.reminders-summary>span:first-child{height:51px;width:51px;display:grid;place-items:center;border-radius:13px;background:#e0edD6;color:#96b57a}.reminders-summary h2{font-size:20px;font-weight:500;color:#799b62;letter-spacing:-.4px}.reminders-summary p{font-size:11px;color:#a3b68f;margin-top:7px}.reminders-summary .badge{margin-left:auto}.reminder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reminder-card{padding:22px;border-radius:12px;border:1px solid var(--line);background:white;box-shadow:var(--shadow)}.reminder-card-top{display:flex;align-items:center;justify-content:space-between}.reminder-card-top .reminder-icon{height:42px;width:42px;border-radius:11px}.reminder-card>h2{font-size:16px;font-weight:500;color:#8b9c77;margin:17px 0 9px}.reminder-card>p{font-size:11px;color:#b1bda2;margin-bottom:22px}.reminder-card .pet-cell small{font-size:9px}.reminder-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);gap:10px}.reminder-card-footer>small{font-size:8px;display:flex;align-items:center;gap:4px}.settings-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:23px;align-items:start}.panel-body{padding:22px}.settings-side{display:flex;flex-direction:column;gap:22px}.brand-panel{padding:20px;text-align:center}.brand-panel img{width:220px;max-width:100%;height:220px;object-fit:contain}.brand-panel p{font-size:10px;letter-spacing:.6px;color:#b1bda1;margin:5px 0}.settings-info p{font-size:11px;line-height:1.9;color:#a3b194;margin-bottom:20px}.settings-info small{display:block;font-size:9px;color:#b3bfa6;line-height:1.8;margin:13px 0 17px}.settings-info .ghost{border-top:1px solid var(--line);background:white;color:#adbaa1;font-size:10px;border-radius:0;padding-top:18px}.empty{text-align:center;padding:42px 25px;display:flex;align-items:center;flex-direction:column;color:#a6b59a}.empty>span{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#f3f6ee;color:#afbf9d;margin-bottom:17px}.empty h3{font-size:15px;color:#94aa7e;font-weight:500;line-height:1.5}.empty p{font-size:11px;line-height:1.9;color:#b3bfa8;max-width:320px;margin:8px 0 20px}.empty .btn{font-size:10px}.inline-error{display:flex;align-items:flex-start;gap:9px;padding:13px;background:#fff0e9;border:1px solid #f1dacc;color:#b76f52;font-size:11px;line-height:1.6;border-radius:7px;margin-bottom:19px}.inline-error button{margin-left:auto;display:inline-flex;color:#b8846d}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);background:#fff;border:1px solid #dfe9d6;box-shadow:0 8px 40px #2948281a;padding:15px 17px;border-radius:10px;display:flex;align-items:center;gap:11px;z-index:100;color:#789861;font-size:12px;max-width:min(600px,90vw);animation:toast-in .25s ease}.toast button{display:flex;color:#a8b59c;margin-left:12px}.toast span{line-height:1.6}.overlay{position:fixed;inset:0;background:#1c322b45;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:30px;overflow-y:auto}.modal-overlay{z-index:80}.profile-overlay{z-index:70;justify-content:flex-end;padding:0}.modal{background:#fff;border-radius:16px;width:650px;max-width:100%;max-height:calc(100dvh - 60px);display:flex;flex-direction:column;box-shadow:0 25px 80px #19352c30;animation:modal-in .2s ease}.modal-wide{width:820px}.modal-header{padding:24px 28px 22px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.modal-header h2{font-size:21px;line-height:1.35;font-weight:550;letter-spacing:-.5px;color:#58774b;margin-top:8px}.modal-header .eyebrow{font-size:7px;letter-spacing:1.5px;color:#a9b59c}.modal-body{padding:25px 28px;overflow-y:auto;overscroll-behavior:contain}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label:first-child{font-size:10px;font-weight:550;color:#829a6e}.field input,.field select,.field textarea{width:100%;font-size:11px;color:#718967;border-color:#dfe8d8;background:#fffdfb;min-height:41px}.field input::placeholder,.field textarea::placeholder{font-size:10px;color:#b8c2ac}.field small{font-size:9px;line-height:1.7;color:#afbea1;font-weight:400}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px;font-size:10px;color:#9caf8a;cursor:pointer;line-height:1.5}.check input{width:15px!important;height:15px!important;min-height:15px!important;accent-color:#7e9f61;padding:0;flex-shrink:0}.check-field{justify-content:center;padding-top:19px}.form-help{font-size:10px;line-height:1.9;color:#aabb9a}.form-warning{display:flex;align-items:flex-start;gap:11px;background:#f6f5e9;border:1px solid #ece8d6;padding:15px;border-radius:8px;color:#b3a57d}.form-warning p{font-size:10px;line-height:1.9;color:#b0a17b}.form-footer{margin-top:27px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.form-footer>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#bac5ae}.form-footer .btn{font-size:11px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;padding:15px;background:#f8faf4;border:1px solid #ebf0e2;border-radius:8px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin-top:25px;border-top:1px solid var(--line);padding-top:22px;flex-wrap:wrap}.modal-intro{font-size:12px;color:#9aaf88;line-height:2;margin:5px 0 14px}.modal-intro strong{color:#789660;font-weight:500}.start-icon{height:70px;width:70px;background:#eff5e7;color:#9dbb7c;display:grid;place-items:center;border-radius:22px;margin:5px auto 21px}.duration-preview{display:flex;align-items:center;gap:10px;color:#a0b48a;background:#f6f9f0;border-radius:8px;padding:13px;align-self:end}.duration-preview span{font-size:8px;line-height:1.6;color:#b2c0a1}.duration-preview strong{display:block;color:#91aa76;font-size:11px;font-weight:500}.appointment-detail-top{display:flex;align-items:center;justify-content:space-between}.appointment-detail-top .pet-cell strong{font-size:20px;font-weight:500;letter-spacing:-.4px;color:#8aa273}.appointment-detail-top .pet-cell small{font-size:10px;color:#b5c1a8;margin-top:7px}.appointment-title{font-size:18px;font-weight:500;color:#8b9f77;letter-spacing:-.2px;margin:27px 0 22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;background:#f8faf4;border:1px solid #eaf0e2;padding:20px;border-radius:10px;margin-bottom:20px}.detail-grid>div{display:flex;gap:11px;align-items:center;color:#b3c39f}.detail-grid>div>span{font-size:8px;color:#b4c1a4}.detail-grid strong{display:block;font-size:11px;font-weight:500;color:#96ad80;margin-top:6px}.appointment-notes{margin-top:21px;color:#aabb98;font-size:11px}.appointment-notes>strong{font-size:9px;font-weight:600;color:#9db285;display:block;margin-bottom:9px}.appointment-notes p{white-space:pre-wrap;line-height:1.9}.status-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:25px;margin-top:25px;border-top:1px solid var(--line);flex-wrap:wrap}.detail-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}.message-recipient{display:flex;align-items:center;gap:11px;margin-bottom:25px}.message-recipient div{flex:1}.message-recipient strong{display:block;font-weight:500;font-size:13px;color:#92a97c}.message-recipient small{display:block;font-size:10px;color:#b3c2a1;margin-top:6px}.message-note{display:flex;gap:11px;align-items:flex-start;background:#f4f8ed;border:1px solid #e5edda;border-radius:8px;padding:15px;margin-top:21px;color:#9cb681}.message-note p{font-size:10px;line-height:1.9;color:#a5ba8c}.register-contact{font-size:9px;color:#a7ba93;display:flex;align-items:center;justify-content:center;gap:5px;margin:18px auto 0}.help-content>h3{font-size:19px;color:#8ca773;font-weight:500;text-align:center;margin:10px 0 23px}.help-content>p{font-size:12px;line-height:1.9;color:#a9b99a;margin-bottom:15px}.profile-drawer{height:100dvh;width:740px;max-width:95vw;background:white;box-shadow:-10px 0 60px #294a3220;display:flex;flex-direction:column;animation:drawer-in .25s ease}.drawer-top{padding:19px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.drawer-top>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#a2b38e}.drawer-top>div{display:flex;gap:12px}.profile-content{padding:30px;overflow-y:auto;flex:1;overscroll-behavior:contain}.tutor-profile{display:flex;align-items:center;gap:15px}.tutor-profile h2{font-size:20px;font-weight:500;letter-spacing:-.3px;color:#7a9466;margin:7px 0 9px}.tutor-profile .eyebrow{font-size:7px;color:#b3c19f;letter-spacing:1.5px}.contact-inline{display:flex;flex-wrap:wrap;gap:13px}.contact-inline span{display:flex;align-items:center;gap:5px;font-size:9px;color:#bac6ab}.profile-address{display:flex;align-items:center;gap:5px;font-size:10px;color:#bbc7ac;margin:18px 0 0 73px}.tutor-note{margin:19px 0 0;font-size:10px;line-height:1.9;color:#afbea0;background:#fafbf7;padding:11px 14px;border-radius:7px}.pet-picker{display:flex;align-items:center;gap:8px;margin:26px 0;flex-wrap:wrap}.pet-picker button{display:flex;align-items:center;gap:7px;padding:7px 12px 7px 7px;border:1px solid #e8efdf;border-radius:30px;color:#aec19a;font-size:10px}.pet-picker button.selected{border-color:#cbdcb7;background:#f0f6e8;color:#8aa46d;font-weight:500}.pet-picker button:last-child:not(.selected){padding:9px 13px;border-style:dashed}.profile-pet-summary{display:flex;align-items:center;gap:16px;margin-bottom:24px;background:#f7faf1;border:1px solid #eaf0e0;padding:20px;border-radius:12px}.profile-pet-summary>div{flex:1}.profile-pet-summary h2{font-size:25px;font-weight:500;letter-spacing:-.5px;color:#7c9a63;margin-bottom:8px}.profile-pet-summary h2 span{font-size:18px;color:#b4c59c;margin-left:4px}.profile-pet-summary p{font-size:10px;color:#a3b78a;line-height:1.7}.profile-pet-summary p b{font-weight:400;padding:0 5px}.profile-pet-summary small{font-size:9px;display:block;color:#bdcbaa;margin-top:7px}.pet-alert{display:flex;align-items:flex-start;gap:10px;background:#fcf6e8;border:1px solid #f2e7cf;border-radius:8px;padding:13px 15px;color:#c3a36d;margin:20px 0}.pet-alert p{font-size:10px;line-height:1.8;color:#bea87b}.pet-alert strong{font-size:9px;display:block;color:#b79b63;margin-bottom:3px}.profile-tabs{padding:0;gap:25px;margin-top:26px}.profile-tabs button{font-size:11px;padding-bottom:14px;color:#aabb96}.profile-tabs button.selected{color:#86a76a;border-bottom-color:#98b77f}.profile-quick-actions{display:flex;gap:10px;margin:23px 0}.profile-section-title{font-size:12px;color:#9fb28a;font-weight:500;margin:25px 0 14px}.upcoming-card{display:flex;align-items:center;gap:13px;border:1px solid #eaf0e2;border-radius:10px;padding:14px;margin-bottom:11px;text-align:left;width:100%}.upcoming-card:hover{background:#f8faf4}.upcoming-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:41px;min-height:44px;border-radius:8px;background:#f1f6e8;color:#a4bc8a;flex-shrink:0}.upcoming-date strong{font-size:18px;font-weight:500;line-height:1.1}.upcoming-date small{font-size:8px;margin-top:3px}.upcoming-card>span:nth-child(2){flex:1}.upcoming-card>span:nth-child(2)>strong{font-size:11px;display:block;color:#9db286}.upcoming-card>span:nth-child(2)>small{display:block;font-size:9px;color:#bccbad;margin-top:7px}.upcoming-card>svg{color:#c2cdb6}.light-empty{font-size:10px;color:#b9c6a9;padding:23px 17px;background:#fafcf6;border:1px dashed #e8efde;border-radius:8px;line-height:1.8}.profile-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-counters>div{display:flex;flex-direction:column;align-items:center;border-radius:9px;border:1px solid #e8efdf;background:#fafcf6;padding:21px 10px;color:#b3c69c;gap:10px}.profile-counters strong{font-size:23px;font-weight:500;color:#a1ba86}.profile-counters span{font-size:9px;color:#c0cfac}.drawer-footer{font-size:9px;display:flex;align-items:center;justify-content:center;gap:7px;color:#bccaaa;background:#fafcf6;padding:17px;border-top:1px solid #eaf0e1}.history-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 21px;gap:10px}.history-heading h3{font-size:12px;font-weight:500;color:#a1b68a}.timeline{padding-left:0}.timeline-item{display:flex;gap:15px;position:relative;padding:0 0 30px}.timeline-item:before{position:absolute;left:16px;top:32px;bottom:0;width:1px;background:#e7efdc;content:''}.timeline-item:last-child:before{display:none}.timeline-dot{display:grid;place-items:center;background:#f2f7ea;border:1px solid #e7efdb;border-radius:50%;height:33px;width:33px;color:#b0c598;position:relative;z-index:1;flex-shrink:0}.timeline-item>div{flex:1;padding-top:0;min-width:0}.timeline-item time{font-size:10px;color:#a7bd91}.timeline-item time span{font-size:9px;color:#c1cfae;margin-left:5px}.timeline-item h3{font-size:14px;font-weight:500;color:#a0b98a;margin:9px 0 7px}.timeline-item p{font-size:10px;line-height:1.8;color:#b6c7a4}.timeline-item .history-notes{background:#f9fcf4;padding:11px 14px;border-radius:7px;margin:10px 0;white-space:pre-wrap}.timeline-item .pet-tags{margin-top:10px}.timeline-item .badge{height:fit-content;font-size:8px}.bordered{border:1px solid #eaf0e0;border-radius:10px;margin-bottom:15px}.bordered .clinical-record-top{font-size:9px;color:#acbf97}.profile-package{padding:22px;border:1px solid #e7efdc;border-radius:11px;margin:17px 0}.profile-package>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:21px}.profile-package>div:first-child>div{flex:1}.profile-package h3{font-size:16px;font-weight:500;color:#8fae73}.profile-package p{font-size:9px;color:#afc29b;line-height:1.8;margin-top:7px}.profile-package .session-progress{max-width:none}.profile-package .session-progress>span{font-size:10px;color:#b1c29c;margin-bottom:10px}.profile-package .session-progress>div{height:7px}.package-session-list{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.package-session-list span{display:grid;place-items:center;width:29px;height:29px;background:#f7faf1;border:1px solid #e6eedb;color:#c0ceae;border-radius:8px;font-size:9px}.package-session-list span.used{background:#eaf3df;border-color:#ddeccd;color:#9cba7f}.profile-package>.btn{margin-top:15px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:#f7faf3;color:#96ae7f}.loading-screen>p{font-size:12px;color:#a7b89a}.loading-logo{display:flex;align-items:center;gap:10px;color:#6f9156;margin-bottom:22px}.loading-logo strong{font-size:30px;font-weight:750;letter-spacing:-1.2px;color:#32634b}.loading-logo strong span{color:#98b75c}.spin{animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.mobile-shade{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{opacity:0;bottom:20px}to{opacity:1;bottom:28px}}@keyframes drawer-in{from{transform:translateX(40px);opacity:.7}to{transform:translateX(0);opacity:1}}
@media(min-width:1600px){main{padding:30px 45px 0}.welcome-art{right:90px}.stats-grid{gap:22px}.stat-card{padding:22px 24px}.welcome-card{min-height:185px}.compact-table td{padding:17px 18px}.reminder-row{padding:20px 0}.quick-card{padding:20px}.quick-card strong{font-size:11px}}
@media(max-width:1250px){.sidebar{width:215px;padding-inline:13px}.main-shell{margin-left:215px}.brand{font-size:24px;margin-inline:7px}.nav-item{padding:12px 11px;font-size:11px}.nav-item.active:before{left:-13px}.user-profile{width:calc(100% + 26px);margin-left:-13px}.topbar{padding-inline:25px;gap:17px}.cloud-status{display:none}main{padding-inline:25px}.stats-grid{gap:12px}.stat-card{padding:17px 15px}.stat-value{font-size:24px}.stat-sub{font-size:8px}.dashboard-columns{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:17px}.compact-table{min-width:540px}.compact-table th,.compact-table td{padding-inline:12px}.welcome-art{right:15px;width:250px}.welcome-card h2{font-size:23px}.welcome-card h2 br{display:block}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-grid,.service-grid{gap:15px}.pet-card,.service-card{padding:20px 17px 0}.service-card{padding-bottom:18px}.package-grid{gap:15px}.package-card{padding:21px}.mini-stats>div{padding:17px}.mini-stats strong{font-size:20px}.list-toolbar .toolbar-right{gap:7px}.list-toolbar .btn{padding:9px 11px}.product-cell{min-width:240px}}
@media(max-width:1070px){.topbar{height:68px}.global-search{width:250px}.top-actions{gap:14px}.page-heading{align-items:flex-start}.heading-actions{padding-top:8px;gap:7px}.heading-actions .date-chip{display:none}.page-heading h1{font-size:27px}.page-heading>div>p:last-child{max-width:350px;line-height:1.7}.dashboard-columns{grid-template-columns:1fr}.reminders-panel .reminder-row{padding:16px 0}.reminders-panel{display:grid;grid-template-columns:1fr 1fr}.reminders-panel .panel-header,.reminders-panel .all-reminders,.reminders-panel .whatsapp-note{grid-column:1/-1}.reminders-panel .panel-header{border-bottom:1px solid var(--line)}.reminders-panel .whatsapp-note{justify-content:center}.compact-table{min-width:0}.compact-table th,.compact-table td{padding:16px 19px}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-grid{grid-template-columns:1fr}.package-card{padding:25px}.package-card-top{margin-bottom:15px}.package-features{min-height:0}.eligible-services{min-height:0}.package-price{margin-bottom:17px}.clinic-columns{grid-template-columns:1fr}.clinic-intro{padding:20px;gap:12px}.clinic-intro h2{font-size:16px}.clinic-intro p{font-size:10px;line-height:1.7}.clinic-intro .btn{font-size:9px;padding:10px}.clinic-intro-icon{width:42px;height:42px}.mini-stats{gap:12px}.mini-stats>div{padding:15px 12px;gap:10px}.mini-icon{width:32px;height:35px;border-radius:9px}.mini-stats strong{font-size:17px}.mini-stats>div>span:last-child{font-size:8px;line-height:1.7}.settings-columns{grid-template-columns:1fr}.settings-side{display:grid;grid-template-columns:1fr 1.6fr;align-items:start}.brand-panel{padding:10px}.brand-panel img{width:160px;height:160px}.brand-panel p{font-size:8px}.agenda-toolbar{align-items:flex-start}.agenda-toolbar .toolbar-right{flex-direction:column;align-items:flex-end;gap:8px}.date-navigation{flex-wrap:wrap;justify-content:flex-start}.date-navigation h2{min-width:150px;font-size:13px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-head{font-size:11px}.stat-value{font-size:27px}.stat-sub{font-size:9px}.stat-card{min-height:125px}.welcome-card{min-height:170px}.agenda-tabs{padding-top:3px}.list-toolbar{flex-wrap:wrap}.table-scroll td{white-space:nowrap}.reminders-summary h2{font-size:18px}.reminders-summary p{font-size:10px}.reminder-grid{grid-template-columns:1fr}.segmented.small{flex-wrap:wrap;justify-content:flex-end}.segmented.small button{padding-inline:6px}.panel-header h2{white-space:nowrap}}
@media(max-width:790px){.sidebar{transform:translateX(-100%);width:232px;padding-inline:17px;transition:transform .2s ease}.sidebar.mobile-open{transform:translateX(0);z-index:60}.mobile-shade{display:block;position:fixed;inset:0;background:#1a332d60;backdrop-filter:blur(2px);z-index:55}.main-shell{margin-left:0}.topbar{padding:0 18px;gap:14px;height:64px}.topbar .mobile-toggle{display:flex}.breadcrumb{display:none}.global-search{flex:1;width:auto;max-width:none}.top-actions{gap:15px}.notification-button{padding-left:12px}.top-avatar{display:none}.main-shell main{padding:21px 20px 0}.demo-banner{font-size:9px;padding:9px 10px;gap:10px;line-height:1.7;margin-bottom:23px}.demo-banner button{font-size:9px;white-space:nowrap}.demo-banner>span svg{display:none}.page-heading{gap:10px;margin-bottom:23px}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.page-heading>div>p:last-child{font-size:10px;max-width:280px}.heading-actions .btn{padding:10px 12px;font-size:10px}.heading-actions .btn svg{height:15px;width:15px}.welcome-card{padding:24px;min-height:185px}.welcome-card h2{font-size:24px}.welcome-card p{max-width:250px;font-size:10px;line-height:1.8}.welcome-art{width:245px;right:15px;height:145px}.welcome-card h2 br{display:block}.welcome-tag{font-size:8px}.stats-grid{gap:13px}.stat-card{padding:20px}.stat-value{font-size:29px}.stat-head{font-size:11px}.stat-sub{font-size:9px}.quick-grid{gap:13px}.quick-card{padding:16px}.quick-card strong{font-size:10px}.quick-card small{font-size:8px}.toast{left:50%;bottom:20px;font-size:11px;min-width:320px;max-width:calc(100vw - 30px);padding:14px}.pet-grid{gap:15px}.pet-card{padding:22px 20px 0}.pet-card h2{font-size:21px}.service-grid{gap:15px}.reminder-card{padding:22px}.panel-header{padding:19px}.app-footer{padding-top:25px;font-size:7px}.settings-columns{gap:18px}.settings-side{gap:17px}.agenda-toolbar{flex-wrap:wrap;padding:18px}.agenda-toolbar .toolbar-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.date-navigation{width:100%;justify-content:space-between}.date-navigation h2{flex:1}.week-strip{gap:7px;padding:14px}.week-strip button{padding:11px 3px}.week-strip span{font-size:7px}.week-strip strong{font-size:20px}.toolbar-right{flex-wrap:wrap}.list-toolbar .toolbar-right{gap:9px}.mini-stats>div{padding:19px 15px;gap:10px}.mini-stats{gap:12px}.mini-stats>div>span:last-child{font-size:9px}.mini-stats strong{font-size:20px}.mini-icon{width:37px;height:39px}.profile-drawer{max-width:100%;width:680px}.overlay.modal-overlay{padding:20px}.modal{max-height:calc(100dvh - 40px)}.modal-header{padding:23px}.modal-body{padding:24px}.modal-header h2{font-size:20px}.form-footer>span{font-size:7px}.field>label:first-child{font-size:10px}.field input,.field select,.field textarea{font-size:12px}.form-help{font-size:10px}}
@media(max-width:530px){.global-search input{font-size:10px;padding-right:8px}.global-search .search-key{display:none}.search-results{width:calc(100vw - 36px);right:-44px}.topbar{gap:9px;padding:0 13px}.notification-button{border:0;padding-left:6px}.main-shell main{padding:18px 15px 0}.demo-banner{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.demo-banner>span{font-size:9px}.demo-banner button{font-size:9px;padding:1px 0}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:21px}.page-heading>div:first-child{flex:1 1 auto}.page-heading h1{font-size:26px}.page-heading>div>p:last-child{max-width:none;font-size:10px;margin-top:6px}.heading-actions{padding-top:4px}.heading-actions .btn{font-size:9px;padding:9px 11px;min-height:33px}.welcome-card{padding:21px;min-height:195px;margin-bottom:16px}.welcome-card h2{font-size:22px}.welcome-card p{max-width:190px;font-size:9px}.welcome-art{width:185px;right:-32px;height:121px;bottom:-2px}.welcome-tag{font-size:7px}.welcome-card button{font-size:9px;gap:6px}.stats-grid{gap:10px;margin-bottom:19px}.stat-card{padding:16px 13px;min-height:121px;border-radius:10px}.stat-head{font-size:9px;gap:5px}.stat-head svg{width:16px;height:16px}.stat-value{font-size:24px;margin:13px 0 10px}.stat-sub{font-size:8px;flex-wrap:wrap;row-gap:3px}.stat-sub svg{display:none}.dashboard-columns{gap:18px}.panel-header{padding:18px 15px;min-height:73px;gap:9px}.panel-header h2{font-size:12px;gap:7px}.panel-header p{font-size:8px}.panel-header h2 svg{height:17px;width:17px}.panel-header .text-link{font-size:9px;white-space:nowrap}.compact-table{min-width:500px}.compact-table th,.compact-table td{padding:14px 13px}.tab-row{padding-inline:15px;gap:20px}.reminders-panel{display:block}.reminders-panel .reminder-row{padding:15px 0}.reminder-row{margin:0 15px;gap:11px}.reminder-text strong{font-size:11px}.reminder-text span{font-size:10px}.reminder-text small{font-size:9px}.reminder-icon{width:37px;height:37px}.reminder-row>.btn{width:32px;height:32px}.whatsapp-note{padding:18px;justify-content:center}.whatsapp-note p{font-size:10px}.whatsapp-note small{font-size:9px}.all-reminders{font-size:11px}.section-title{margin-top:24px}.section-title h2{font-size:12px}.section-title>span{display:none}.quick-grid{gap:10px}.quick-card{padding:14px 11px;gap:8px;align-items:flex-start}.quick-card>span{width:27px;height:29px;border-radius:7px}.quick-card>span>svg{width:18px;height:18px}.quick-card strong{font-size:9px;line-height:1.6}.quick-card small{font-size:7px;line-height:1.6}.quick-card>svg{display:none}.app-footer{font-size:7px;padding:23px 0;gap:8px}.app-footer span{gap:3px}.app-footer svg{height:11px;width:11px}.app-footer span:last-child{font-size:6px}.list-toolbar{margin:18px 0;gap:13px}.local-search{min-width:0;flex:1}.toolbar-right{gap:8px}.segmented{padding:3px;gap:1px}.segmented button{font-size:9px;padding:8px 10px;gap:5px}.segmented button span{font-size:8px}.list-toolbar>div.toolbar-right{width:100%}.list-toolbar .toolbar-right select{flex:1}.local-search input{font-size:10px}.pet-grid,.service-grid{grid-template-columns:1fr;gap:15px}.pet-card{padding:22px 22px 0}.pet-card-top .pet-avatar{width:62px!important;height:62px!important}.pet-card h2{font-size:22px;margin-top:14px}.pet-card>p{font-size:11px}.pet-owner{font-size:11px;margin:17px 0}.pet-card-footer{min-height:48px}.service-card{padding:22px}.service-card h2{font-size:17px}.service-card>p{min-height:0;font-size:11px}.service-card-head{margin-bottom:15px}.service-footer{margin-top:17px;padding-top:17px}.package-card{padding:24px}.package-price{font-size:28px}.package-card h2{font-size:24px}.eligible-services{min-height:0}.clinic-intro{flex-wrap:wrap;padding:19px;gap:12px}.clinic-intro>div:nth-child(2){flex:1}.clinic-intro h2{font-size:15px;line-height:1.6}.clinic-intro p{font-size:10px;line-height:1.8}.clinic-intro .btn{width:100%;font-size:10px;margin-top:3px}.clinic-intro-icon{width:43px;height:43px}.clinic-intro-icon svg{width:24px;height:24px}.clinical-record{padding:19px}.clinical-record-top{flex-wrap:wrap}.clinical-record-top .pet-cell small{font-size:9px}.clinical-record-top time{margin-left:auto;font-size:9px}.mini-stats{grid-template-columns:1fr;gap:10px}.mini-stats>div{padding:15px 18px;gap:14px}.mini-stats>div>span:last-child{font-size:10px}.mini-stats strong{font-size:21px;margin-top:5px}.mini-icon{width:40px;height:42px}.mini-stats>div>span:last-child{flex:1;display:flex;align-items:center;justify-content:space-between}.list-toolbar select{max-width:100%;font-size:10px}.table-scroll th{font-size:9px}.table-scroll td{font-size:10px;padding:13px 15px}.table-scroll td strong{font-size:10px}.row-actions{gap:4px}.row-actions .btn{font-size:9px}.transaction-description strong{font-size:10px}.period-label{font-size:10px}.panel-header:has(.segmented){flex-wrap:wrap}.panel-header .segmented{width:100%;justify-content:space-between}.segmented.small button{padding:8px 11px}.info-strip{padding:16px;gap:10px;margin-top:20px}.info-strip p{font-size:10px;line-height:1.9}.info-strip>svg{width:17px;height:17px}.reminders-summary{flex-wrap:wrap;padding:20px;gap:12px}.reminders-summary>span:first-child{height:43px;width:43px}.reminders-summary h2{font-size:16px}.reminders-summary>div{flex:1}.reminders-summary p{font-size:10px;line-height:1.8}.reminders-summary .badge{margin-left:55px}.reminder-card{padding:20px}.reminder-card>h2{font-size:17px}.reminder-card>p{font-size:10px}.reminder-card .pet-cell small{font-size:10px}.reminder-card-footer .btn{padding:10px 14px;font-size:10px}.reminder-card-footer>small{font-size:8px}.reminder-card-footer .text-link{font-size:9px}.settings-side{display:flex}.brand-panel img{width:180px;height:180px}.brand-panel{padding:16px}.settings-info p{font-size:11px}.panel-body{padding:19px}.settings-columns .form-grid{grid-template-columns:1fr}.overlay.modal-overlay{padding:10px}.modal{border-radius:13px;max-height:calc(100dvh - 20px)}.modal-header{padding:21px 19px 18px}.modal-header h2{font-size:19px}.modal-header .eyebrow{font-size:6px;letter-spacing:1.2px}.modal-body{padding:21px 19px}.form-grid{gap:17px 13px}.field>label:first-child{font-size:9px}.field input,.field select,.field textarea{font-size:11px;padding:10px;min-height:41px}.field input::placeholder,.field textarea::placeholder{font-size:9px}.field small{font-size:8px}.form-footer{gap:9px;align-items:center}.form-footer>span{font-size:7px;max-width:95px;line-height:1.7}.form-footer>span svg{width:11px;height:11px}.form-footer .btn{font-size:10px;padding:11px 13px}.form-help{font-size:9px;line-height:2}.checkbox-grid{gap:14px 10px;padding:12px}.check{font-size:9px}.check input{width:14px!important;height:14px!important;min-height:14px!important}.form-warning{padding:13px;gap:9px}.form-warning p{font-size:9px}.modal-intro{font-size:11px;line-height:2}.modal-actions{gap:8px}.modal-actions .btn{font-size:10px;padding:10px 12px;flex:1}.detail-grid{padding:15px;gap:18px 12px}.detail-grid>div{gap:7px}.detail-grid svg{width:16px;height:16px}.detail-grid strong{font-size:10px;line-height:1.7}.appointment-detail-top .pet-cell strong{font-size:20px}.appointment-detail-top .pet-cell small{font-size:9px}.appointment-detail-top .pet-avatar{width:50px!important;height:50px!important}.appointment-title{font-size:17px}.status-actions{justify-content:flex-start;gap:8px}.status-actions .btn{font-size:9px;padding:10px 12px;flex:1}.detail-footer .text-link{font-size:9px}.message-recipient{gap:10px}.message-recipient strong{font-size:11px}.message-recipient .badge{font-size:7px;padding:5px}.message-recipient small{font-size:9px}.message-note p{font-size:9px}.help-content>p{font-size:11px}.profile-content{padding:22px 19px}.drawer-top{padding:16px 19px}.drawer-top>span{font-size:10px}.tutor-profile{gap:12px}.tutor-profile h2{font-size:18px}.tutor-profile .initial-avatar{width:48px;height:48px;font-size:18px}.contact-inline{gap:7px}.contact-inline span{font-size:8px}.profile-address{font-size:9px;margin-left:60px}.profile-pet-summary{padding:16px;gap:12px}.profile-pet-summary .pet-avatar{width:60px!important;height:60px!important}.profile-pet-summary h2{font-size:23px}.profile-pet-summary p{font-size:9px;line-height:1.8}.profile-pet-summary small{font-size:8px}.profile-tabs{gap:20px;padding:0}.profile-tabs button{font-size:10px}.pet-alert{padding:12px}.pet-alert p{font-size:9px}.profile-quick-actions{gap:8px}.profile-quick-actions .btn{font-size:10px;padding:10px 12px;flex:1}.upcoming-card{padding:12px;gap:10px;flex-wrap:wrap}.upcoming-card>span:nth-child(2)>strong{font-size:10px}.upcoming-card>span:nth-child(2)>small{font-size:8px}.upcoming-card>.badge{font-size:7px;margin-left:51px}.upcoming-card>svg{margin-left:auto;height:14px;width:14px}.profile-counters{gap:9px}.profile-counters>div{padding:19px 7px;gap:10px}.profile-counters span{font-size:8px}.timeline-item{gap:10px}.timeline-item>.badge{font-size:7px}.timeline-item h3{font-size:12px}.timeline-item p{font-size:9px}.history-heading h3{font-size:11px}.history-heading .text-link{font-size:9px}.profile-package{padding:17px}.profile-package h3{font-size:14px}.profile-package .service-icon{height:37px;width:37px;border-radius:9px}.profile-package>div:first-child{gap:9px}.profile-package p{font-size:8px}.profile-package .badge{font-size:7px;padding:5px}.drawer-footer{font-size:8px}.empty{padding:35px 20px}.empty h3{font-size:14px}.empty p{font-size:10px}.empty .btn{font-size:10px}}
/* Readable ink preserves the soft palette without sacrificing contrast. */
.page-heading>div>p:last-child,.stat-head{color:#768870}.stat-sub{color:#8b9c81}.stat-sub b{color:#75925d}.service-name{color:#7d8e70}.pet-cell small{color:#93a184}.compact-table td small{color:#98a88b}.reminder-text strong{color:#7c9066}.reminder-text span{color:#93a280}.reminder-text small{color:#a1b08e}.badge.green{color:#749557}.badge.amber{color:#ad894f}.badge.blue{color:#7698a2}.badge.purple{color:#9784af}.field>label:first-child{color:#708b5e}.field input,.field select,.field textarea{color:#5e7853}.form-help{color:#91a47e}.modal-intro{color:#849c70}.modal-header h2{color:#537346}.profile-content .pet-cell strong{color:#7e9b64}.profile-pet-summary h2{color:#6c8c53}.tutor-profile h2{color:#6b8757}.profile-tabs button{color:#95aa80}.profile-section-title,.history-heading h3{color:#869f6f}.timeline-item h3{color:#8fa976}.vaccine-card strong{color:#80976b}.clinical-record>h3{color:#75905f}.clinical-record>p{color:#8da078}.service-card h2{color:#67834f}.service-card>p{color:#94a57f}.product-cell strong{color:#78915f}.settings-info p{color:#8ea27b}.reminder-card>h2{color:#7e9868}.form-warning p{color:#a59160}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Text remains legible on the light, botanical surfaces. */
.page-heading>div>p:last-child,.muted,.breadcrumb,.breadcrumb strong{color:#74806f}.eyebrow,.nav-label{color:#8b977d}.stat-head{color:#748367}.stat-sub{color:#849174}.stat-sub b{color:#688647}.pet-cell strong,.service-name,.pet-card h2,.pet-owner,.service-card h2,.package-card h2,.package-price,.panel-header h2,.clinical-record>h3,.product-cell strong,.transaction-description strong,.small-title,.section-title h2,.quick-card strong{color:#536d42}.pet-cell small,.compact-table td small,.reminder-text span,.pet-card>p,.service-card>p,.clinical-record>p,.vaccine-card small,.settings-info p{color:#7d8d70}.badge.green{color:#608344}.badge.amber{color:#a07c3e}.badge.blue{color:#5f8791}.badge.purple{color:#8c76a3}.badge.red{color:#b0735f}.badge.neutral{color:#818a75}.green-text{color:#638743!important}.amber-text{color:#a18043!important}.red-text{color:#af6f59!important}.reminder-text strong{color:#70844f}.reminder-text small,.panel-header p,.panel-footer,.service-footer>span,.package-features span,.eligible-services>span,.package-price small,.reminder-card>p{color:#8e9c7c}.reminder-card>h2,.reminders-summary h2,.clinic-intro h2{color:#657f51}.reminders-summary p,.clinic-intro p,.info-strip p,.message-note p{color:#82976b}.quick-card small,.whatsapp-note p,.all-reminders,.app-footer{color:#8f9f79}.field>label:first-child{color:#647d50}.field input,.field select,.field textarea{color:#536d42}.field input::placeholder,.field textarea::placeholder{color:#9eac8b}.field small,.form-help,.modal-intro,.check,.form-footer>span{color:#8b9e74}.form-footer>span{color:#93a57f}.form-warning p{color:#9b8957}.modal-header h2,.tutor-profile h2,.profile-pet-summary h2,.profile-section-title,.history-heading h3,.timeline-item h3,.vaccine-card strong,.profile-package h3,.help-content>h3,.appointment-title{color:#64824b}.profile-pet-summary p,.profile-pet-summary small,.contact-inline span,.profile-address,.tutor-note,.timeline-item p,.clinical-plan p,.upcoming-card>span:nth-child(2)>small,.profile-package p,.message-recipient small,.detail-grid strong,.appointment-notes{color:#8b9f73}.upcoming-card>span:nth-child(2)>strong,.clinical-plan strong,.timeline-item time,.profile-counters span{color:#7e9663}.session-progress>span,.session-progress strong,.detail-grid>div>span,.profile-content .pet-cell small,.light-empty,.tutor-profile .eyebrow{color:#8ca171}.pet-alert p,.pet-alert strong{color:#a88e57}.pet-tags button,.pet-tags>span,.profile-tabs button,.eligible-services small,.package-card .eyebrow,.pet-species,.service-card .eyebrow{color:#849a65}.table-scroll th{color:#849476}.top-actions .cloud-status{color:#839475}

[hidden]{display:none!important}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:20px}.care-note{margin-block:15px}.quick-grid:empty{display:none}.demo-banner>a{font-size:10px;color:#548241}.nav-item[href]{text-decoration:none}.role-read-only{opacity:.65}