:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17152c;background:#f8f7fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1180px}button{font:inherit;color:inherit}header{height:72px;background:#211d3a;color:#fff;display:flex;align-items:center;padding:0 28px;gap:42px}.brand{width:170px;height:53px;object-fit:contain;filter:grayscale(1) brightness(3.2)}nav{display:flex;gap:34px;align-items:center;margin:auto;font-size:15px}nav b{height:72px;display:flex;align-items:center;border-bottom:4px solid #9d8ff0}.account{display:flex;gap:18px;align-items:center}.account svg{width:19px}.human{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d7bca9;color:#33283d}.account>svg:last-child{width:14px}main{padding:22px 38px 38px;background:radial-gradient(circle at 40% 16%,rgba(129,112,223,.06),transparent 25%),#faf9fe;min-height:calc(100vh - 72px)}.intro{height:92px;display:flex;align-items:flex-start;position:relative}.intro h1{font-size:30px;margin:0 0 4px}.intro p{margin:0;color:#68647b}.viewer{position:absolute;left:330px;top:0;height:48px;padding:4px 14px 4px 6px;border-radius:25px;border:1px solid #cfc8f2;background:#fff;display:flex;gap:9px;align-items:center;z-index:30}.viewer svg{width:16px}.faces{display:flex}.faces img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid white}.faces img+img{margin-left:-8px}.actions{margin-left:auto;display:flex;gap:10px}.action-wrap{position:relative}.log,.plan{height:42px;border-radius:9px}.log{width:126px;border:0;background:#2a244c;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.log svg{width:15px}.plan{width:228px;border:1px solid #c8c1e8;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.plan svg{width:19px}.plan span{display:grid;text-align:left}.plan small{font-size:9px;color:#6f6a82}.log-menu{position:absolute;top:46px;left:0;width:150px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 15px 35px #33275a2b;z-index:50}.log-menu span{display:flex;gap:9px;padding:8px;font-size:13px}.log-menu svg{width:17px}.dashboard{display:grid;grid-template-columns:350px minmax(560px,1fr) 330px;gap:16px;position:relative;max-width:1510px;margin:auto}.training,.agenda,.panel{background:#fff;border:1px solid #ded9f1;border-radius:15px;box-shadow:0 10px 28px #2a244c09}h2{font-size:20px;margin:0}.training{padding:18px}.dog-card{padding:16px 0;border-bottom:1px solid #ded9e9}.dog-card:last-child{border:0}.dog-head{display:flex;gap:16px;align-items:center}.dog-head img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid var(--dog)}.dog-head h3{font-size:19px;margin:0}.dog-head h3 i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dog);margin-right:8px}.dog-head p{margin:5px 0;color:#5f5a71;font-size:13px}.meter{height:8px;background:#e7e5ed;border-radius:8px;width:190px}.meter span{display:block;width:78%;height:100%;background:var(--dog);border-radius:8px}.next{margin:13px 0 9px;padding:10px;border:1px solid color-mix(in srgb,var(--dog) 45%,white);border-radius:10px;display:flex;gap:8px;align-items:start;background:var(--dog-soft)}.next>span{color:var(--dog);font-size:22px}.next div{display:grid;gap:2px}.next b,.label{font-size:12px}.next small{font-size:11px}.next strong{font-size:12px}.next em{margin-left:auto;font-style:normal;font-size:10px;padding:5px 7px;background:#eeeaff;color:#5143b4;border-radius:6px}.chips{display:flex;gap:8px;margin:5px 0 9px}.chips span{font-size:10px;padding:4px 9px;border-radius:6px;background:var(--dog-soft);color:#473e75}.compact{font-size:10px;margin:4px 0 7px}.compact mark{float:right;background:#ddf3ed;color:#247768;padding:3px 7px;border-radius:6px}.agenda{overflow:hidden}.agenda-head{height:140px;padding:20px;position:relative}.agenda-head h2{margin-bottom:14px}.filters{display:flex;gap:8px}.filters>*{font-size:11px;border:1px solid #ddd8ed;border-radius:8px;padding:6px 12px;font-weight:500}.filters b{background:#4ba697;color:#fff;border:0}.agenda-head button{position:absolute;right:18px;bottom:14px;border:1px solid #ddd8ed;background:#fff;border-radius:8px;padding:7px 11px;font-size:11px}.agenda>h4{margin:0;padding:12px 18px;border-top:1px solid #e8e5f0;border-bottom:1px solid #e8e5f0;font-size:12px}.agenda>h4 small{float:right;border-radius:50%;background:#f0eef5;padding:4px 7px}.event{height:55px;display:grid;grid-template-columns:74px 40px 1fr 72px 20px;align-items:center;padding:0 16px;border-bottom:1px solid #ece9f2}.event time{font-size:12px}.event time small,.event div small{display:block;font-size:10px;color:#6e697c}.event>i{width:34px;height:34px;border-radius:9px;background:#f3f1fb;display:grid;place-items:center}.event>i svg{width:17px}.event div b{font-size:12px}.event em{justify-self:center;font-size:9px;font-style:normal;padding:5px 9px;border-radius:6px}.event em.care{background:#dff2ec;color:#247768}.event em.training{background:#fff0e6;color:#c75f22}.event em.logs{background:#eeeaff;color:#5645ca}.event>svg{width:15px}.day{height:37px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #ece9f2;font-size:10px}.day span{margin-left:auto}.day span i{font-style:normal;background:#e2f2ed;color:#28796c;border-radius:5px;padding:4px 7px}.day svg{width:14px;margin-left:8px}.right{display:grid;gap:16px;align-content:start}.panel{padding:20px}.panel-title{display:flex;align-items:center;justify-content:space-between}.mini-art{position:relative;width:62px;height:45px;color:#7566d8}.mini-art svg{position:absolute;width:34px;height:34px}.mini-art svg:last-child{right:0;bottom:0;color:#4ba697}.rem{display:grid;grid-template-columns:28px 1fr 18px;gap:12px;align-items:center;margin-top:14px;padding:15px;border:1px solid #e5e1f0;border-radius:11px}.rem>svg{width:21px}.rem span{display:grid}.rem b{font-size:12px}.rem small{font-size:10px;color:#6b667b}.reminders>p{text-align:right;color:#6e697d;font-size:11px}.week{min-height:370px}.loop-art{width:70px;height:42px;position:relative;border:4px solid #cdc7e6;border-radius:50% 45% 55% 40%;transform:rotate(-12deg)}.loop-art i{position:absolute;width:11px;height:11px;border-radius:50%;background:#4ba697}.loop-art i:nth-child(2){right:0;background:#8170df}.loop-art i:nth-child(3){bottom:-5px;left:28px;background:#f39b68}.loop-art i:nth-child(4){right:-4px;bottom:5px;background:#70d1c1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0;border-bottom:1px solid #e5e1f0;padding-bottom:24px}.metrics span{text-align:center;font-size:10px;border-right:1px solid #ddd8eb}.metrics span:last-child{border:0}.metrics b{display:block;font-size:16px;margin-top:8px}.week h4{font-size:12px;margin:0}.week h4 small{display:block;color:#716b80;margin-top:3px}.checks{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:16px 0 34px}.checks span{text-align:center;font-size:10px}.checks i{display:grid;place-items:center;width:22px;height:22px;margin:7px auto;border:1px solid #aaa4c6;border-radius:50%;font-style:normal}.checks i.done{background:#4ba697;border-color:#4ba697;color:#fff}.week a{color:#5645ca;font-size:13px}.picker{position:absolute;z-index:25;left:360px;top:-38px;width:292px;background:#fff;border:1px solid #e2deef;border-radius:12px;box-shadow:0 18px 40px #231b4129;padding:10px}.picker>div{border:1px solid #ddd8eb;border-radius:8px;padding:8px;display:flex;gap:7px;color:#767085;font-size:12px}.picker>div svg{width:16px}.picker label{height:45px;display:flex;align-items:center;gap:10px;font-size:12px}.picker label>b{background:#2a244c;color:#fff;border-radius:3px;padding:1px 4px}.picker label img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid}.picker label i{width:9px;height:9px;border-radius:50%}.picker .grey{background:#aaa}.fallback{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2a244c;color:#fff}.picker footer{border-top:1px solid #e6e2ed;padding:11px 2px 2px;display:flex;justify-content:space-between;color:#5e586e;font-size:12px}.picker footer span{display:flex;align-items:center;gap:4px}.picker footer svg{width:16px}@media(max-width:1250px){.dashboard{grid-template-columns:330px minmax(500px,1fr) 300px}nav{gap:18px}.brand{width:145px}}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#efecff 0,transparent 36%),#faf9fe}.auth-page>img{width:250px}.auth-page section{width:min(460px,90vw);padding:48px;background:#fff;border:1px solid #e1ddef;border-radius:24px;text-align:center;box-shadow:0 25px 70px #36275d18}.auth-page section img{width:255px;height:90px;object-fit:contain}.auth-page h1{font-size:30px;line-height:1.2;margin:24px 0 12px}.auth-page p{color:#6a6579;line-height:1.6}.auth-page section button{width:100%;height:48px;margin-top:20px;border:1px solid #d9d4e8;border-radius:10px;background:#fff;font-weight:700;cursor:pointer}.auth-page section button span{color:#4285f4;margin-right:10px}.auth-page section small{display:block;color:#b34242;margin-top:12px}.auth-page section em{display:block;font-size:10px;color:#9993a5;margin-top:24px;font-style:normal}.account{gap:14px}.human-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#d7bca9}.account button{border:0;background:transparent;color:#fff;padding:0}.account button svg{width:14px}