.app-window{grid-template-columns:240px 1fr;background:#f6f8fa}
.app-sidebar{display:flex;flex-direction:column;background:#fff;border-right:1px solid #e7ebef;padding:20px 16px}
.pf-brand{display:flex;gap:10px;align-items:center;margin:0 8px 20px}
.pf-brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0f5132 0 70%,#ff7a1a 70%);color:#fff;font-size:14px}
.pf-brand b{font-size:18px;color:#14233d}
.pf-brand small{display:block;color:#6d7785;margin-top:2px}
.pf-nav{display:grid;gap:6px;align-content:start}
.pf-nav>span{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#5f6f84;font-size:15px;cursor:pointer;transition:background .2s}
.pf-nav>span:hover{background:#f1f5f2}
.pf-nav>span.active{background:#dff1e6;color:#185f45;font-weight:700}
.pf-ico{width:18px;text-align:center;opacity:.9;font-style:normal}
.pf-pawday{margin-top:auto;background:#e6f7ef;border:1px solid #cfe9dd;border-radius:12px;padding:16px}
.pf-dog{font-size:30px;line-height:1}
.pf-cap{font-size:12px;font-weight:800;color:#6a7689;letter-spacing:.08em;margin-top:6px}
.pf-pawday p{margin:5px 0 0;font-size:13px;line-height:1.35;color:#42556f}
.pf-support{display:block;margin-top:14px;padding:0 8px;color:#9aa4b2;font-weight:600;font-size:14px;cursor:pointer}
.pf-main{display:grid;grid-template-rows:68px 1fr;min-width:0}
.pf-topbar{background:#fff;border-bottom:1px solid #e6eaef;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}
.pf-search{width:510px;max-width:46%;background:#f3f6f9;border-radius:10px;height:38px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#a1abb9;font-size:14px;white-space:nowrap;overflow:hidden}
.pf-kbd{margin-left:auto;background:#fff;border:1px solid #dfe4ea;border-radius:6px;padding:2px 8px;font-size:11px;color:#8d98a6}
.pf-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.pf-newbtn{background:#2f7457;color:#fff;padding:11px 18px;border-radius:10px;font-weight:700;font-size:13px;white-space:nowrap}
.pf-newbtn:hover{background:#276249}
.pf-bell{width:40px;height:40px;border:1px solid #e6eaef;border-radius:10px;display:grid;place-items:center;background:#fff;position:relative;font-size:14px}
.pf-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#f33;right:7px;top:6px}
.pf-avatar{width:38px;height:38px;border-radius:50%;background:#dff5e8;display:grid;place-items:center;color:#1d6d50;font-weight:800;font-size:13px}
.pf-owner{font-size:13px;line-height:1.1;color:#14233d;white-space:nowrap}
.pf-owner b{display:block}
.pf-owner small{display:block;color:#9aa4b2;margin-top:4px}
.pf-caret{color:#9aa4b2;font-size:12px}
.pf-content{padding:18px 22px 22px;min-width:0}
.pf-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.pf-metric{background:#fff;border:1px solid #e5e9ee;border-radius:14px;box-shadow:0 1px 2px rgba(20,35,61,.05);padding:14px 16px;display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;min-width:0}
.pf-micon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:19px}
.pf-metric:nth-child(1) .pf-micon{background:#e3f7ee;color:#159563}
.pf-metric:nth-child(2) .pf-micon{background:#e8f1ff;color:#2572da}
.pf-metric:nth-child(3) .pf-micon{background:#fff0df;color:#d87818}
.pf-metric:nth-child(4) .pf-micon{background:#efe7ff;color:#7245d5}
.pf-label{font-size:13px;color:#617086}
.pf-value{font-size:20px;font-weight:800;color:#14233d}
.pf-trend{font-size:10.5px;color:#14864f;margin-left:6px;font-weight:700;line-height:1.35}
.pf-schedule{background:#fff;border:1px solid #e2e7ec;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(20,35,61,.04)}
.pf-sched-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #e4e8ec;flex-wrap:wrap;gap:10px}
.pf-title h2{font-size:22px;margin:0;color:#14233d}
.pf-title small{color:#6f7e92}
.pf-filters{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}
.pf-flabel{color:#99a3b0;font-weight:700}
.pf-select{height:36px;border:1px solid #e2e6eb;background:#fff;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#42516a}
.pf-arrow{width:34px;height:36px;border:1px solid #e2e6eb;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#42516a}
.pf-today{border:0;font-weight:700;color:#14233d;background:none}
.pf-datebox{min-width:150px;height:36px;border:1px solid #e2e6eb;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#42516a}
.pf-newbtn2{height:38px;background:#2f7457;color:#fff;border-radius:9px;display:flex;align-items:center;padding:0 15px;font-weight:700;font-size:13px;white-space:nowrap}
.pf-newbtn2:hover{background:#276249}
.pf-grid{display:grid;grid-template-columns:68px repeat(4,1fr);grid-template-rows:56px repeat(10,60px);position:relative}
.pf-cell{border-right:1px solid #e7ebef;border-bottom:1px solid #e7ebef;background:#fff}
.pf-time{font-size:12px;color:#8792a3;padding:8px 12px;background:#fff;border-right:1px solid #e7ebef;border-bottom:1px solid #e7ebef}
.pf-emp{display:flex;align-items:center;gap:10px;padding:8px 14px;border-right:1px solid #e7ebef;border-bottom:1px solid #e7ebef}
.pf-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px}
.pf-av-green{background:#dff5e8;color:#287654}
.pf-av-orange{background:#ffe9d4;color:#c36b21}
.pf-emp b{font-size:14px;color:#14233d;white-space:nowrap}
.pf-emp small{display:block;color:#8995a6;margin-top:3px}
.pf-count{margin-left:auto;background:#f1f4f7;border-radius:7px;padding:4px 7px;color:#6c788a;font-size:12px;font-weight:800}
.pf-appt{position:absolute;border-radius:8px;border-left:3px solid;padding:7px 10px 6px;overflow:hidden;font-size:12px;line-height:1.18;cursor:pointer}
.pf-appt .pf-row{display:flex;justify-content:space-between;gap:6px;font-weight:800}
.pf-appt .pf-status{font-size:11px;margin-top:2px}
.pf-appt .pf-petname{font-size:14px;font-weight:800;margin-top:3px}
.pf-appt .pf-svc,.pf-appt .pf-client{font-size:11px;margin-top:2px}
.pf-appt.green{background:#e8f7ee;border-left-color:#1dbe79;color:#1f6b4f}
.pf-appt.blue{background:#e7f1ff;border-left-color:#4f9df1;color:#2d64a4}
.pf-appt.purple{background:#f1e9ff;border-left-color:#8e69df;color:#6849b8}
.pf-appt:hover{filter:brightness(.97)}
.pf-workspace{display:grid;grid-template-columns:1fr 340px;min-height:760px;background:#f4f6f7;align-items:stretch}
.pf-pets{padding:20px 18px 22px 22px;min-width:0}
.pf-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pf-pagehead h1{margin:0 0 4px;font-size:24px;color:#162033}
.pf-pagehead p{margin:0;color:#7c8798;font-size:13px}
.pf-export{background:#fff;border:1px solid #e3e6e9;border-radius:9px;padding:9px 14px;color:#5d6877;font-size:12px;font-weight:600;white-space:nowrap}
.pf-pets-filters{height:58px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pf-search2{width:295px;height:38px;display:flex;align-items:center;gap:9px;color:#9ca6b5;font-size:13px}
.pf-search2 input{width:100%;height:38px;border:0;background:transparent;outline:0;font-size:13px;color:#162033}
.pf-search2 input::placeholder{color:#9ca6b5}
.pf-select2{height:38px;background:#fff;border:1px solid #e4e7ea;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:18px;color:#687384;font-size:12px;white-space:nowrap}
.pf-table{background:#fff;border:1px solid #e2e6e8;border-radius:12px;box-shadow:0 2px 12px rgba(28,42,55,.08);overflow-x:auto}
.pf-thead,.pf-trow{display:grid;grid-template-columns:150px 210px 130px 160px 160px 195px 90px;align-items:center;min-width:1095px}
.pf-thead{height:38px;border-bottom:1px solid #e6e9ec;color:#9aa3b1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:0 16px}
.pf-trow{min-height:58px;border-bottom:1px solid #edf0f1;padding:0 16px;font-size:12px;color:#394451}
.pf-trow.selected{background:#dfeee4}
.pf-petcell,.pf-ownercell{display:flex;align-items:center;gap:10px;font-weight:700;color:#162033}
.pf-petavatar,.pf-miniav{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}
.pf-pink{background:#f7dfe9;color:#d94d7d}
.pf-blue{background:#e3eefc;color:#4f82d8}
.pf-gold{background:#f5edd6;color:#b28b35}
.pf-purple{background:#ece7ff;color:#7e5ed6}
.pf-orange{background:#faead7;color:#c87927}
.pf-tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fde1e7;color:#dc5a7a;font-weight:700;font-size:10px;white-space:nowrap}
.pf-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e3f1e7;color:#27734f;font-weight:700;font-size:10px}
.pf-tfoot{height:40px;display:flex;align-items:center;padding:0 16px;color:#7f8997;font-size:11px;min-width:1095px}
.pf-drawer{background:#fff;border-left:1px solid #dde2e5;box-shadow:-10px 0 25px rgba(25,37,45,.08);display:flex;flex-direction:column}
.pf-drawer-head{padding:16px 16px 10px;border-bottom:1px solid #e6e9ec}
.pf-drawer-title{display:flex;align-items:center;gap:10px}
.pf-petbig{width:52px;height:52px;border-radius:14px;background:#f6ddea;color:#d54578;display:grid;place-items:center;font-size:20px}
.pf-drawer-title h2{font-size:15px;margin:0;color:#162033}
.pf-drawer-title p{font-size:11px;color:#8c96a5;margin:3px 0 0}
.pf-close{margin-left:auto;width:28px;height:28px;border:1px solid #e3e6e9;background:#fff;border-radius:8px;color:#84909e}
.pf-tabs{display:flex;gap:18px;margin-top:12px;font-size:11px;font-weight:700;color:#9ba4b1}
.pf-tabs span:first-child{color:#24313f;border-bottom:2px solid #2e7756;padding-bottom:10px}
.pf-drawer-body{padding:0 14px 20px;overflow:auto;flex:1}
.pf-stitle{font-size:10px;color:#a1a9b4;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 8px}
.pf-igrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.pf-icard{border:1px solid #ece7df;border-radius:10px;padding:9px 10px;background:#fff}
.pf-icard.full{grid-column:1/-1}
.pf-ik{font-size:9px;color:#a0a8b5}
.pf-iv{font-size:11px;font-weight:800;margin-top:3px;color:#162033}
.pf-kv{display:grid;grid-template-columns:105px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #eef0f1;font-size:10px}
.pf-kv .k{color:#9ca5b2}
.pf-kv .v{font-weight:700;color:#394451}
.pf-editlink{float:right;color:#2d7754;font-weight:700;font-size:10px}
.pf-alert{background:#fde6e3;border-radius:10px;padding:11px;color:#c85d55;font-size:10px}
.pf-note{background:#f7f4ef;border-radius:10px;padding:11px;color:#687382;font-size:10px;margin-top:8px}
.pf-visits{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.pf-visit{border:1px solid #ece7df;border-radius:10px;padding:10px;background:#fff}
.pf-visit .small{font-size:9px;color:#9aa4b2}
.pf-visit b{display:block;margin-top:5px;font-size:11px;color:#162033}
.pf-drawer-actions{border-top:1px solid #e4e8ea;display:flex;gap:10px;padding:11px 14px;background:#fff}
.pf-btn{flex:1;border-radius:9px;border:1px solid #dfe4e7;background:#fff;font-weight:700;font-size:11px;color:#5e6875;padding:10px 0}
.pf-btn.green{background:#347756;border-color:#347756;color:#fff}

.pfv-workspace{grid-template-columns:1fr 375px}
.pfv-main{padding:20px 18px 22px 22px;min-width:0}
.pfv-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 12px}
.pfv-kpi{background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 1px 2px rgba(20,32,50,.05),0 10px 30px rgba(20,32,50,.06);min-width:0}
.pfv-kicon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex:none}
.pfv-kicon.blue{background:#dfeafa;color:#2d67b7}
.pfv-kicon.green{background:#d9eee5;color:#2f6f52}
.pfv-kicon.orange{background:#f8e9d7;color:#b86b1e}
.pfv-kicon.pink{background:#f5dce8;color:#a94d78}
.pfv-kpi small{display:block;color:#66748a;font-size:12px}
.pfv-kpi strong{font-size:22px;color:#132033}
.pfv-kpi .up{font-size:11px;color:#3e7f5e;margin-left:6px;font-weight:600}
.pfv-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pfv-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pfv-input{background:#fff;border:1px solid #e6e9ef;border-radius:9px;height:38px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:13px;color:#67748a;white-space:nowrap}
.pfv-input.grow{flex:1;min-width:220px}
.pfv-input.date{width:150px}
.pfv-thead,.pfv-trow{display:grid;grid-template-columns:135px 120px 200px 155px 175px 95px 115px;align-items:center;min-width:995px;padding:0 14px}
.pfv-thead{height:38px;border-bottom:1px solid #e6e9ef;color:#8792a4;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.pfv-trow{min-height:56px;border-bottom:1px solid #eef1f4;font-size:13px;color:#132033;padding-top:8px;padding-bottom:8px}
.pfv-trow.selected{background:#dbe9df}
.pfv-date b{display:block;font-weight:700;color:#132033}
.pfv-date span{color:#8a96a8;font-size:11px}
.pfv-cell2{display:flex;align-items:center;gap:10px;font-weight:700;color:#132033}
.pfv-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:11px;flex:0 0 auto}
.pfv-a-purple{background:#ded9f7;color:#6b5fc8}
.pfv-a-yellow{background:#efe5c9;color:#8d7434}
.pfv-a-pink{background:#f0dbe6;color:#b2577f}
.pfv-a-blue{background:#dce8f6;color:#4b75aa}
.pfv-amount b{display:block;color:#132033}
.pfv-amount small{color:#2f7a54;font-size:10px}
.pfv-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}
.pfv-status.done{background:#eef1f4;color:#687587}
.pfv-status.work{background:#dfeaf8;color:#3e6ba0}
.pfv-drawer{padding:14px 16px 16px;overflow:auto}
.pfv-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.pfv-pet-head{display:flex;gap:12px;align-items:center}
.pfv-pet-head .pfv-av{width:42px;height:42px;font-size:13px}
.pfv-pet-title b{display:block;font-size:16px;color:#132033}
.pfv-pet-title small{color:#7d899b}
.pfv-close{width:28px;height:28px;border:1px solid #e6e9ef;border-radius:8px;display:grid;place-items:center;color:#66748a;background:#fff}
.pfv-stitle{color:#8b96a8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin:14px 0 7px}
.pfv-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;font-size:12px;color:#132033}
.pfv-meta .m{color:#7f8ba0;margin-right:6px}
.pfv-services{border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;padding:10px 0}
.pfv-srow{display:flex;justify-content:space-between;font-size:12px;color:#132033}
.pfv-srow b{font-size:13px}
.pfv-lab{font-size:11px;color:#6f7c90;margin:8px 0 5px}
.pfv-area{height:54px;border:1px solid #e6e9ef;border-radius:9px;background:#fff}
.pfv-bar{height:10px;border-radius:999px;background:#dcebe2;margin:5px 0 10px}
.pfv-pay{display:flex;justify-content:space-between;font-size:12px;margin:6px 0;color:#132033}
.pfv-pay strong{font-size:13px}
.pfv-refund{margin-top:12px;width:100%;border:1px solid #e6e9ef;background:#fff;border-radius:9px;padding:9px 12px;font-size:12px;color:#657287}
.pfv-refund:hover{background:#f5f7fa}

.pfa-content{padding:20px 18px 22px 22px;min-width:0}
.pfa-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.pfa-head h1{margin:0 0 4px;font-size:24px;color:#132033}
.pfa-head p{margin:0;color:#6f7c90;font-size:13px}
.pfa-ranges{display:flex;gap:12px;flex-wrap:wrap}
.pfa-select{min-width:150px;height:40px;border:1px solid #e7eaf0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;color:#59667a;font-size:14px;white-space:nowrap}
.pfa-select.pfa-wide{min-width:220px}
.pfa-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.pfa-kpi{background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 1px 2px rgba(20,32,50,.05),0 10px 30px rgba(20,32,50,.06);min-width:0}
.pfa-kicon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex:none}
.pfa-green{background:#d9eee5;color:#2f6f52}
.pfa-blue{background:#dfeafa;color:#3e6db1}
.pfa-purple{background:#ebe3fb;color:#7b62c6}
.pfa-orange{background:#f8e9d7;color:#b97022}
.pfa-kpi small{display:block;color:#66748a;font-size:12px}
.pfa-kpi strong{font-size:18px;color:#132033}
.pfa-kpi .meta{font-size:11px;color:#2f6f52;font-weight:600;margin-top:2px}
.pfa-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.pfa-card{background:#fff;border:1px solid #e7eaf0;border-radius:14px;box-shadow:0 1px 2px rgba(20,32,50,.05),0 10px 30px rgba(20,32,50,.06);padding:14px 16px;min-width:0}
.pfa-card h3{margin:0 0 12px;font-size:14px;color:#132033}
.pfa-chart{position:relative;height:250px;padding:10px 10px 36px 52px}
.pfa-gline{position:absolute;left:52px;right:16px;height:1px;background:#eceff4}
.pfa-g1{top:28px}.pfa-g2{top:97px}.pfa-g3{top:166px}.pfa-g4{top:235px}
.pfa-ylabels{position:absolute;left:14px;top:18px;bottom:36px;display:flex;flex-direction:column;justify-content:space-between;color:#8c97aa;font-size:12px}
.pfa-plot{position:absolute;left:52px;top:18px;width:calc(100% - 68px);height:calc(100% - 54px)}
.pfa-xlabels{position:absolute;left:52px;right:16px;bottom:6px;display:flex;justify-content:space-between;color:#8c97aa;font-size:12px}
.pfa-slist{display:grid;gap:12px;padding-top:2px}
.pfa-srow{display:grid;grid-template-columns:108px 1fr 24px;gap:10px;align-items:center;font-size:13px;color:#556274}
.pfa-bar{height:8px;background:#ece9e1;border-radius:999px;overflow:hidden}
.pfa-fill{height:100%;background:#3f7c58;border-radius:999px}
.pfa-tablecard{padding:0;overflow-x:auto}
.pfa-ttitle{padding:14px 16px 0}
.pfa-ttitle h3{margin:0}
.pfa-table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}
.pfa-table th{text-align:left;color:#9aa4b4;font-size:11px;padding:12px 16px;border-bottom:1px solid #e7eaf0;text-transform:uppercase;letter-spacing:.03em}
.pfa-table td{padding:12px 16px;border-bottom:1px solid #edf0f5;color:#132033}
.pfa-table tr:last-child td{border-bottom:none}
.pfa-emp{display:flex;align-items:center;gap:10px;font-weight:600;white-space:nowrap;color:#132033}
.pfa-tag{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}
.pfa-t-orange{background:#f5e1cb;color:#ad6e22}
.pfa-t-blue{background:#dde8f9;color:#476fa9}
.pfa-t-green{background:#dcebe2;color:#2f6f52}
.pfa-t-pink{background:#efd9e7;color:#ad5c85}
.pfa-t-yellow{background:#efe5c6;color:#8b7636}
.pfa-money{font-weight:700}
.pfa-load{display:flex;align-items:center;gap:10px;min-width:150px}
.pfa-minibar{flex:1;height:8px;background:#ece9e1;border-radius:999px;overflow:hidden}
.pfa-minifill{height:100%;background:#e0ddd2;border-radius:999px}

.pfr-content{padding:20px 18px 22px 22px;min-width:0}
.pfr-filterbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.pfr-tabs{display:flex;gap:8px;flex-wrap:wrap}
.pfr-tab{height:34px;padding:0 13px;border-radius:999px;border:1px solid #e6e9ef;background:#fff;color:#657287;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;cursor:pointer}
.pfr-tab.active{background:#3f7c58;color:#fff;border-color:#3f7c58}
.pfr-tab i{font-style:normal;min-width:20px;height:20px;border-radius:999px;background:#eef1f4;color:#6d788a;display:grid;place-items:center;font-size:11px}
.pfr-tab.active i{background:rgba(255,255,255,.22);color:#fff}
.pfr-search{width:320px;height:36px;border:1px solid #e6e9ef;border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 12px;color:#97a2b5;font-size:13px;white-space:nowrap;overflow:hidden}
.pfr-thead,.pfr-trow{display:grid;grid-template-columns:148px 176px 110px 110px 98px 146px 86px 96px;align-items:center;min-width:0;padding:0 12px}
.pfr-thead{height:38px;border-bottom:1px solid #e6e9ef;color:#929daf;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.pfr-trow{min-height:54px;border-bottom:1px solid #edf0f4;font-size:12px;color:#142033;padding-top:7px;padding-bottom:7px}
.pfr-cell{display:flex;align-items:center;gap:10px;min-width:0}
.pfr-cell b{display:block;font-size:12px;color:#142033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfr-cell small{display:block;color:#7e899a;font-size:10px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfr-cell>span:last-child{min-width:0}
.pfr-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:10px;flex:0 0 auto}
.pfr-av.a-green{background:#dcebe2;color:#2f6f52}
.pfr-av.a-orange{background:#f5e1cb;color:#a86a20}
.pfr-av.a-blue{background:#dce8f6;color:#4b75aa}
.pfr-av.a-purple{background:#ded9f7;color:#6b5fc8}
.pfr-av.a-pink{background:#efd9e7;color:#ad5c85}
.pfr-av.a-yellow{background:#efe5c9;color:#8d7434}
.pfr-sub{display:block;color:#7e899a;font-size:10px;margin-top:1px}
.pfr-sub.muted{color:#98a2b2}
.pfr-status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700;white-space:nowrap}
.pfr-status.s-soon{background:#eef2f6;color:#59667a}
.pfr-status.s-due{background:#e0efe6;color:#2f6f52}
.pfr-status.s-overdue{background:#f8dddd;color:#b65353}
.pfr-status.s-booked{background:#e8e2fa;color:#6d58b4}
.pfr-status.s-none{background:#f1f2f4;color:#8993a3}
.pfr-btn{height:30px;border:1px solid #e6e9ef;background:#fff;border-radius:8px;padding:0 8px;color:#5f6d82;font-size:11px;font-weight:700;white-space:nowrap}
.pfr-btn:hover{background:#f5f7fa}
.pfa-kpi .meta.red{color:#d05b5b}

.ph-caption{display:block;margin-bottom:10px;color:#96958f}
.phone{padding:12px 12px 14px}
.ph-header{display:flex;align-items:center;justify-content:space-between;padding:2px 0 8px;border-bottom:1px solid rgba(15,81,50,.08)}
.ph-brand{display:flex;align-items:center;gap:6px;font-family:Unbounded,sans-serif;color:#0f5132;font-size:13px;font-weight:700}
.ph-logo{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#0f5132,#ff7a1a);display:grid;place-items:center;font-size:11px;font-style:normal}
.ph-actions{display:flex;gap:5px}
.ph-icobtn{width:24px;height:24px;border-radius:8px;background:#fff;border:1px solid #e8e4da;display:grid;place-items:center;font-size:10px;font-style:normal}
.ph-avatar{width:24px;height:24px;border-radius:50%;background:#deebe2;color:#0f5132;display:grid;place-items:center;font-size:10px;font-weight:800;font-style:normal}
.ph-main{padding:9px 2px 64px}
.ph-hello h1{font-family:Unbounded,sans-serif;font-size:19px;line-height:1.05;margin:0;color:#172123}
.ph-hello p{margin:2px 0 9px;color:#8a9093;font-size:9px}
.ph-hero{background:linear-gradient(145deg,#0f5a37,#1e7049);border-radius:13px;padding:13px 11px 12px;color:#fff;position:relative;overflow:hidden}
.ph-hero:after{content:"";position:absolute;width:64px;height:64px;border-radius:50%;right:-14px;top:6px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.13) 0 12px,transparent 13px),radial-gradient(circle at 28% 24%,rgba(255,255,255,.12) 0 7px,transparent 8px),radial-gradient(circle at 72% 18%,rgba(255,255,255,.12) 0 7px,transparent 8px)}
.ph-hero h2{font-family:Unbounded,sans-serif;font-size:12.5px;line-height:1.15;margin:8px 0 4px;max-width:170px;color:#fff}
.ph-hero p{font-size:8.5px;line-height:1.3;margin:0 0 8px;color:#e8f0eb;max-width:165px}
.ph-cta{display:inline-flex;align-items:center;gap:4px;background:#ff7a1a;color:#fff;border-radius:9px;padding:6px 9px;font-weight:800;font-size:8px}
.ph-section{margin-top:10px}
.ph-shead{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.ph-shead h3{font-family:Unbounded,sans-serif;font-size:13px;margin:0;color:#172123}
.ph-link{color:#0f5132;font-weight:700;font-size:8.5px}
.ph-card{background:#fff;border:1px solid #e8e4da;border-radius:11px;box-shadow:0 4px 12px rgba(28,37,39,.05)}
.ph-appointment{padding:8px 9px;display:flex;align-items:center;gap:8px}
.ph-petav{width:30px;height:30px;border-radius:50%;background:#dcebe2;color:#0f5132;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto;font-style:normal}
.ph-apmain{min-width:0;flex:1}
.ph-apmain b{display:block;font-size:11px;margin-bottom:2px;color:#172123}
.ph-apmain small{display:block;color:#8b9296;font-size:8px;line-height:1.4}
.ph-apright{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.ph-badge{display:inline-flex;background:#e3edf9;color:#4c73a6;padding:2px 5px;border-radius:999px;font-size:6.5px;font-weight:700;font-style:normal;white-space:nowrap}
.ph-chev{font-size:13px;color:#8b9296;font-style:normal;line-height:1}
.ph-pets{display:flex;gap:6px}
.ph-petcard{width:44px;background:#fff;border:1px solid #e8e4da;border-radius:10px;padding:6px 4px;text-align:center;box-shadow:0 4px 12px rgba(28,37,39,.05)}
.ph-petcard .ph-petav{width:28px;height:28px;margin:0 auto 4px}
.ph-petcard b{font-size:8px;color:#172123}
.ph-salon{padding:9px}
.ph-salon-top{display:flex;align-items:center;gap:7px}
.ph-salonicon{width:24px;height:24px;border-radius:8px;background:#dcebe2;color:#0f5132;display:grid;place-items:center;font-size:11px;font-style:normal;flex:0 0 auto}
.ph-salon-top b{display:block;font-size:11px;color:#172123}
.ph-salon-top small{display:block;color:#8b9296;font-size:8px}
.ph-book{display:flex;width:100%;height:26px;border:1px solid #e8e4da;border-radius:9px;background:#fff;margin-top:8px;align-items:center;justify-content:center;font-weight:700;font-size:9px;color:#1f2a2b}
.ph-bottom{position:absolute;left:8px;right:8px;bottom:8px;height:52px;background:#fff;border-top:1px solid #ece7de;border-radius:0 0 10px 10px;display:grid;grid-template-columns:repeat(4,1fr);padding:4px 4px 6px;box-shadow:0 -4px 14px rgba(28,37,39,.05)}
.ph-navitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7b858a;font-size:6.5px}
.ph-navitem i{font-size:12px;font-style:normal}
.ph-navitem.active{background:#e2eee5;border-radius:10px;color:#0f5132;font-weight:700}

.ph-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.ph-title-row h1{font-family:Unbounded,sans-serif;font-size:18px;margin:0;color:#172123}
.ph-readall{height:20px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid #e8e4da;border-radius:8px;background:rgba(255,255,255,.8);color:#70787c;font-size:7.5px;font-weight:700;white-space:nowrap}
.ph-nlist{display:grid;gap:6px}
.ph-ncard{background:#fff;border:1px solid #e8e4da;border-radius:10px;padding:7px 8px;box-shadow:0 4px 12px rgba(28,37,39,.05);display:flex;gap:6px;align-items:flex-start}
.ph-ncard.unread{border-left:3px solid #0f5132;padding-left:6px}
.ph-nicon{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto;background:#e3efe7;color:#0f5132;font-size:9px;font-style:normal}
.ph-nicon.ph-nblue{background:#e8eef8;color:#4c73a6}
.ph-nicon.ph-npurple{background:#eee8fa;color:#6e59b3}
.ph-nicon.ph-norange{background:#fff0e3;color:#ff7a1a}
.ph-nbody{flex:1;min-width:0}
.ph-nbody b{display:block;font-size:9px;color:#172123;margin-bottom:1px}
.ph-nbody small{display:block;color:#838b90;font-size:7.5px;line-height:1.35}
.ph-nbody em{display:block;margin-top:2px;color:#9aa1a6;font-size:6.5px;font-style:normal}
.ph-ndot{width:5px;height:5px;border-radius:50%;background:#0f5132;margin-top:3px;flex:0 0 auto}

.ph-bh1{font-family:Unbounded,sans-serif;font-size:18px;margin:0 0 8px;color:#172123}
.ph-btabs{display:flex;gap:5px;margin-bottom:9px;flex-wrap:wrap}
.ph-btab{height:21px;padding:0 9px;border-radius:11px;border:1px solid #e8e4da;background:#fff;color:#7a8287;display:inline-flex;align-items:center;font-weight:700;font-size:8px;white-space:nowrap}
.ph-btab.active{background:#0f5132;color:#fff;border-color:#0f5132}
.ph-blist{display:grid;gap:6px}
.ph-bcard{display:flex;align-items:center;gap:8px;padding:8px 9px}
.ph-binfo{flex:1;min-width:0}
.ph-binfo b{display:block;font-size:11px;color:#172123;margin-bottom:1px}
.ph-binfo small{display:block;color:#8b9296;font-size:8px;line-height:1.4}
.ph-binfo small.ph-bx{color:#9aa1a6;font-size:7.5px}
.ph-apright .ph-badge.ready{background:#e2efe7;color:#2f6f52}

:root{--accent:#2f7457}
.button.orange{color:#fff}
.button.orange:hover{background:#276249;color:#fff}
.note-icon{color:#fff}
.circle-link:hover{color:#fff}
::selection{color:#fff}
.gradient{background:linear-gradient(100deg,#4fa283,#2f7457);background-clip:text;color:transparent}
.orange-card{background:#2f7457;border-color:#2f7457;color:#fff}
.orange-card p,.orange-card .feature-number{color:#dff1e6}
.orange-appointment{background:#dff1e6;border-color:#2f7457}
.visit-steps span.active{background:#dff1e6;border-color:#2f7457}
.pet-file-bottom{color:#2f7457}
.orbit-label .avatar{background:#dff5e8;color:#1d6d50}

.footer-info{grid-template-columns:1fr 1fr 1.3fr}