@font-face{font-family:Vazir;src:url('assets/vazirmatn.woff2')}*{box-sizing:border-box}body{margin:0;background:#f7f8f4;color:#293f35;font-family:Vazir,Tahoma,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #dc9b4e;outline-offset:4px}button{transition:background .18s,transform .18s}button:hover{filter:brightness(.96)}.sidebar{position:fixed;right:0;top:0;bottom:0;width:242px;background:#fff;border-left:1px solid #e6e9e2;padding:36px 24px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:800;white-space:nowrap}.brand small{font-size:9px;font-weight:400;display:block;color:#8b958d;margin-top:2px}.brand-mark{background:#314b3f;color:#fff;border-radius:14px;font-size:35px;width:45px;height:49px;text-align:center}.nav-label{font-size:11px;color:#99a198;margin:47px 14px 14px}nav{display:grid;gap:8px}.nav-item{padding:13px 15px;border:0;background:transparent;color:#7c887e;display:flex;gap:13px;align-items:center;border-radius:11px;text-align:right}.nav-item.active{background:#eaf0e8;color:#304d3c;font-weight:700}.nav-item svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.nav-item .dot{width:6px;height:6px;background:#42614b;border-radius:50%;margin-right:auto}.sidebar-bottom{margin-top:auto;background:#f7f7ef;padding:18px 15px;border-radius:14px;font-size:12px;line-height:1.9}.sidebar-bottom p{font-size:11px;color:#8a9286}.little-paw{font-size:25px;color:#c49c68}.text-button{padding:0;border:0;background:transparent;color:#5a715b;font-size:11px}.owner{border-top:1px solid #eef0e9;margin-top:25px;padding-top:20px;display:flex;gap:12px;align-items:center;font-size:12px}.owner>span{width:36px;height:36px;border-radius:50%;background:#f2eade;display:grid;place-items:center;font-size:21px;color:#8a6a47}.owner small{display:block;font-size:10px;color:#9aa295;margin-top:3px}.shell{margin-right:242px}header{height:82px;border-bottom:1px solid #e7eae1;display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:#fcfdf9}.breadcrumb{font-size:12px;color:#8d978e}.breadcrumb span{margin:0 13px;color:#bdc4b9}.breadcrumb b{color:#52604f;font-weight:500}.header-actions{display:flex;align-items:center;gap:20px}.date{font-size:12px;color:#7e8a7b}.icon-button{border:1px solid #e4e8de;background:white;width:35px;height:35px;border-radius:10px;font-size:20px;color:#7c8975}main{max-width:1390px;margin:auto;padding:32px 42px 20px}.page-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}h1{font-size:27px;letter-spacing:-.7px;margin:0 0 7px}h1 .sun{color:#c7a468;font-weight:400}p{margin:0}h2{font-size:17px;margin:0}h3{margin:0;font-size:15px}.muted,.subtitle{color:#929b90;font-size:12px;line-height:1.9}.primary,.secondary,.soft-button{border:0;border-radius:10px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#344f40;color:white}.secondary{background:#fff;border:1px solid #e1e6d9;color:#57674f}.soft-button{background:#eef2e6;color:#63764c;font-size:12px}.hero{position:relative;background:#e9eedf;border:1px solid #e2e9d7;border-radius:21px;min-height:219px;display:flex;align-items:center;padding:27px 33px;overflow:hidden}.hero-copy{z-index:1;max-width:55%}.eyebrow{font-size:10px;letter-spacing:2px;color:#7e8c6b;margin-bottom:12px}.hero h2{font-size:26px;line-height:1.7;margin-bottom:8px}.hero p{color:#839074;font-size:12px;line-height:2;margin-bottom:17px}.hero .primary{font-size:12px;padding:10px 17px}.hero-art{position:absolute;left:8px;bottom:-10px;width:330px;height:245px}.hero-badge{position:absolute;left:30px;top:22px;border:1px solid #d7dfcc;border-radius:20px;color:#7f8e6b;padding:5px 12px;font-size:10px;background:#f5f7ee9c}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0 28px}.stat{background:#fff;border:1px solid #e7eae0;border-radius:14px;padding:17px;display:flex;align-items:center;gap:14px}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:#edf1e7;color:#7c9265}.stat:nth-child(2) .stat-icon{background:#f9eddc;color:#bf9965}.stat:nth-child(3) .stat-icon{background:#eaf0f4;color:#7f9aac}.stat:nth-child(4) .stat-icon{background:#f5e9e6;color:#be9687}.stat strong{font-size:23px;line-height:1.5}.stat small{display:block;color:#99a08f;font-size:10px}.grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:22px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-title a,.section-title button{color:#83916c;font-size:11px;background:none;border:0}.panel{background:#fff;border:1px solid #e5e9df;border-radius:17px;padding:22px}.pet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pet-card{border:1px solid #e6e9df;border-radius:14px;padding:18px;text-align:center;position:relative;background:#fff}.pet-card .avatar{height:94px;width:94px;border-radius:50%;margin:2px auto 13px;background:#f2e9db;overflow:hidden}.pet-card:nth-child(2n) .avatar{background:#e8ecdf}.avatar svg{width:100%;height:100%}.pet-card h3{font-size:17px}.pet-card .muted{font-size:10px;margin:4px 0 12px}.pet-meta{display:flex;justify-content:center;gap:17px;color:#7c8875;font-size:10px;border-top:1px solid #eff0ea;padding-top:13px}.pet-edit{position:absolute;left:10px;top:8px;border:0;background:transparent;color:#9ca78d;font-size:19px}.pill{font-size:10px;padding:4px 9px;border-radius:20px;background:#f0f4e8;color:#87986a;display:inline-block}.task-list{display:grid;gap:0}.task{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #f0f1eb}.task:last-child{border-bottom:0}.check{width:23px;height:23px;border:1.5px solid #d9dfcf;background:white;border-radius:7px;color:#fff;flex-shrink:0;padding:0}.task.done .check{background:#80956c;border-color:#80956c}.task.done .task-title{text-decoration:line-through;color:#a8b09e}.task-title{font-size:12px;margin-bottom:4px}.task-detail{font-size:10px;color:#9da493}.task-time{margin-right:auto;font-size:11px;color:#8a977c;direction:ltr;white-space:nowrap}.task-tag{font-size:10px;padding:4px 7px;border-radius:5px;background:#f5f3ea;color:#9a916a}.progress-track{height:5px;background:#edf1e7;border-radius:10px;overflow:hidden;margin:15px 0 8px}.progress-fill{background:#91a178;height:100%;transition:width .3s}.panel-caption{font-size:10px;color:#9aa48d}.appointment{display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0e6}.appointment:last-child{border:0}.date-tile{background:#f0f2e8;min-width:49px;border-radius:10px;padding:7px;text-align:center;font-size:10px;color:#87966d}.date-tile b{font-size:19px;display:block}.appointment h3{font-size:12px;margin-bottom:5px}.appointment p{font-size:10px;color:#939e88}.appointment-actions{margin-right:auto;display:flex;gap:5px}.mini-button{background:transparent;border:1px solid #e3e7dc;border-radius:6px;padding:4px 8px;color:#81916e;font-size:10px}.bottom-grid{margin-top:22px;display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.note-card{background:#f2eadf;border:1px solid #ece2d3;border-radius:17px;padding:22px;position:relative}.note-card .eyebrow{color:#aa9578;letter-spacing:0}.note-card h3{margin-bottom:8px}.note-card p{font-size:11px;line-height:2;color:#9b8c76;max-width:80%}.note-card button{margin-top:15px;background:#fff9ef;border:1px solid #e4d8c3;color:#968465}.note-symbol{position:absolute;left:24px;bottom:22px;color:#d0b99b;font-size:45px}.demo-bar{font-size:11px;color:#8d987f;display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding:10px 0}.demo-bar button{font-size:11px;color:#6a7b57;border:0;background:transparent}footer{margin:10px 42px 0;padding:20px 0;border-top:1px solid #e5e9df;color:#a5ad9b;font-size:10px;display:flex;justify-content:space-between}.empty{text-align:center;padding:35px 20px;color:#9aa68c;line-height:2}.empty b{color:#5d7153;display:block}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filter{border:1px solid #e0e5d8;border-radius:9px;background:#fff;padding:8px 15px;color:#839374;font-size:12px}.filter.active{background:#344f40;color:white;border-color:#344f40}.wide-pets{grid-template-columns:repeat(3,1fr)}.entry{padding:18px 0;border-bottom:1px solid #edf0e7}.entry:last-child{border:0}.entry-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.entry-top .mini-button{margin-right:auto}.entry p{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.entry small{color:#9ba58f;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid h3{margin-bottom:13px}.settings-grid p{color:#8c9980;font-size:12px;line-height:2;margin-bottom:15px}.danger{color:#b67e6a}.settings-grid button{margin:5px}dialog{border:0;border-radius:20px;width:min(520px,calc(100% - 30px));padding:25px;color:#344d3a;max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #17251c33}dialog::backdrop{background:#26382d66;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-footer{display:flex;gap:10px;margin-top:22px}label{display:block;font-size:12px;color:#7a8a6a;margin-bottom:13px}input,select,textarea{display:block;width:100%;border:1px solid #dce3d3;border-radius:9px;padding:11px;background:#fcfdf9;color:#354e39;margin-top:6px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #a6b793;outline-offset:1px}textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-help{font-size:10px;color:#9ba58f;line-height:1.9;margin-top:7px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#344f40;color:white;border-radius:12px;padding:13px 22px;font-size:12px;z-index:100;pointer-events:none;transition:.2s;max-width:90%}#toast.show{opacity:1;transform:translate(-50%,0)}.calendar-task{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #edf0e7}.calendar-task .task-time{margin-right:auto}.calendar-task p{font-size:10px;color:#94a085;margin-top:5px}.calendar-task .mini-button{margin-right:0}.weight-label{background:#eef2e7;color:#7a8e62;padding:3px 8px;border-radius:7px;font-size:10px}.section-gap{margin-top:24px}.data-info{font-size:11px;line-height:2;color:#8e9a80;background:#f0f3e9;padding:13px;border-radius:10px;margin-bottom:20px}
@media(min-width:1450px){main{padding-top:38px}.hero{min-height:235px}.hero-art{width:370px;height:270px;left:30px}.pet-card .avatar{width:110px;height:110px}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 18px}.shell{margin-right:205px}main{padding:28px 25px}header{padding:0 25px}.brand{font-size:22px}.grid,.bottom-grid{gap:16px}.panel{padding:17px}.hero-art{left:-40px;width:290px}.hero-copy{max-width:65%}.stats{gap:10px}.stat{padding:13px;gap:9px}.stat-icon{width:34px;height:37px}.stat strong{font-size:20px}.pet-card{padding:14px 9px}.wide-pets{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{width:82px;padding:26px 12px}.brand{justify-content:center}.brand>span:nth-child(2),.nav-label,.nav-item>span,.sidebar-bottom,.owner{display:none}.brand-mark{width:43px}.nav-item{justify-content:center;padding:14px 8px}.nav-item .dot{display:none}nav{margin-top:30px}.shell{margin-right:82px}.grid,.bottom-grid{grid-template-columns:1fr}.hero-art{left:0}.stats{grid-template-columns:repeat(2,1fr)}.hero-copy{max-width:58%}.date{font-size:10px}.settings-grid{grid-template-columns:1fr}}@media(max-width:580px){body{font-size:13px}.sidebar{width:100%;height:66px;bottom:0;top:auto;padding:0;border-top:1px solid #e0e6d6;border-left:0;background:#fffef9f5;backdrop-filter:blur(12px)}.brand{display:none}.sidebar nav{display:flex;margin:0;height:100%;justify-content:space-around;gap:0}.nav-item{flex-direction:column;gap:5px;padding:9px 4px;border-radius:0;font-size:9px;width:20%}.nav-item>span{display:block}.nav-item.active{background:transparent;color:#38553c}.nav-item svg{width:21px;height:21px}.shell{margin:0;padding-bottom:66px}header{height:61px;padding:0 20px}.header-actions{gap:10px}.breadcrumb{font-size:10px}.date{display:none}main{padding:24px 18px 10px}.page-heading{margin-bottom:20px}h1{font-size:23px}.subtitle{font-size:10px}.page-heading>.primary{padding:9px 11px;font-size:11px}.hero{min-height:260px;padding:22px;align-items:flex-start}.hero-copy{max-width:75%}.hero h2{font-size:21px}.hero p{font-size:10px;max-width:85%}.hero-art{width:200px;height:170px;left:-25px;bottom:-5px;opacity:.92}.hero-badge{display:none}.hero .primary{font-size:10px;padding:8px 12px}.hero-copy .eyebrow{margin-bottom:9px}.stats{margin:17px 0 23px;gap:10px}.stat{padding:12px}.stat strong{font-size:21px}.stat small{font-size:9px}.stat-icon{width:37px}.pet-card .avatar{width:88px;height:88px}.panel{padding:17px}.grid,.bottom-grid{gap:20px}.bottom-grid{margin-top:20px}.wide-pets{grid-template-columns:repeat(2,1fr)}footer{margin:12px 18px 0;font-size:9px;gap:15px}footer span{display:none}.demo-bar{font-size:10px}.note-card p{max-width:85%}.appointment-actions{flex-direction:column}.toolbar{gap:7px}.filter{padding:7px 11px;font-size:11px}.calendar-task{padding:13px 0;flex-wrap:wrap}.form-row{gap:10px}dialog{padding:20px}.settings-grid .panel{padding:18px}}