:root{--bg:#eef3fc;--bg-light:#f7fafe;--primary:#183e9f;--primary-dark:#0f2a6e;--text-muted:#5b7099;--text-light:#7c8fb3;--border:#0f2a6e14;--border-strong:#0f2a6e29;--danger:#b23b3b;--danger-light:#c4574f;--tile-bg:#e6eefb;--card-bg:#fff;--font-heading:"Sora", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--safe-top:calc(env(safe-area-inset-top,0px) + 16px)}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}body{background:var(--bg);font-family:var(--font-body);color:var(--primary-dark);-webkit-font-smoothing:antialiased;margin:0}input,textarea,button{font-family:inherit}input::placeholder,textarea::placeholder{color:#8fa3c7}button{cursor:pointer}#root{min-height:100vh}.app-shell{background:var(--bg);z-index:1;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.screen{height:100%;min-height:0;padding-top:var(--safe-top);flex-direction:column;display:flex;position:relative}.screen--brand{padding-top:var(--safe-top);color:#fff;background:linear-gradient(#183e9f 0%,#0f2a6e 100%);overflow:hidden}.logo-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.logo-bg__item{position:absolute}.viewport-bg{z-index:0;pointer-events:none;position:fixed;inset:0}@media (width>=620px){html,body{height:100%;overflow:hidden}body{background:#dfe7f5}#root{justify-content:center;align-items:center;height:100vh;display:flex}.app-shell{border-radius:30px;flex-shrink:0;width:480px;height:calc(100vh - 48px);margin:0;overflow:hidden;box-shadow:0 0 0 1px #0f2a6e0d,0 30px 80px #0f2a6e2e}.screen>.logo-bg{display:none}}.header-bar{align-items:center;gap:10px;padding:14px 16px;display:flex}.header-title{font-family:var(--font-heading);color:var(--primary-dark);font-size:15px;font-weight:700}.header-subtitle{color:var(--text-muted);font-size:12px;font-weight:600}.icon-btn{background:#fff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-btn--dark{background:#ffffff1f}.avatar-btn{background:var(--primary);color:#fff;width:38px;height:38px;font-size:14px;font-weight:700;font-family:var(--font-heading);border:none;border-radius:11px;justify-content:center;align-items:center;display:flex}.avatar-btn--sm{border-radius:10px;width:34px;height:34px;font-size:13px}.menu-wrap{position:relative}.menu-dropdown{z-index:20;background:#fff;border-radius:12px;min-width:130px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 6px 20px #0f2a6e29}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:9px 10px;font-size:13.5px;font-weight:700}.menu-item--danger{color:var(--danger)}.search-row{align-items:center;gap:8px;display:flex}.search-bar{border:1px solid var(--border-strong);background:0 0;border-radius:13px;flex:1;align-items:center;gap:8px;height:44px;padding:0 14px;display:flex}.search-bar input{color:var(--primary-dark);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.field-group{flex-direction:column;gap:16px;display:flex}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;font-size:12px;font-weight:700}.input,.textarea{border:1px solid var(--border-strong);width:100%;color:var(--primary-dark);background:#fff;border-radius:12px;outline:none;height:46px;padding:0 14px;font-size:14px}.text-field{flex-direction:column;gap:6px;display:flex}.text-field-input{border:1px solid var(--border-strong);width:100%;height:52px;color:var(--primary-dark);background:#fff;border-radius:14px;outline:none;padding:0 16px;font-size:15px;transition:border-color .15s}.text-field-input--dark{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.text-field-input--error{border-color:var(--danger)}.text-field-input--dark.text-field-input--error{border-color:#ff8a80}.field-error-text{color:var(--danger);font-size:13px;font-weight:700}.field-error-text--dark{color:#ffd3d3}.textarea{resize:none;height:96px;padding:12px 14px}.input--mono{font-family:ui-monospace,monospace;font-weight:700}.input--error,.textarea--error{border-color:var(--danger)}.btn{cursor:pointer;border:none;border-radius:14px;width:100%;height:50px;font-size:14.5px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-primary:disabled{opacity:.6;cursor:default}.btn-outline{border:1px solid var(--border-strong);color:var(--primary-dark);background:0 0}.btn-outline--danger{color:var(--text-muted)}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--border-strong);color:#3c4740;background:#fff;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:600}.setor-chip{border:1px solid var(--border-strong);text-align:left;color:#3c4740;background:#fff;border-radius:11px;height:42px;padding:0 14px;font-size:13px;font-weight:700}.setor-chip.active{color:#fff;border-color:#0000}.segmented{gap:8px;display:flex}.segmented button{border:1px solid var(--border-strong);color:#3c4740;background:#fff;border-radius:11px;flex:1;height:40px;font-size:13px;font-weight:700}.segmented button.active{background:var(--primary);color:#fff;border-color:#0000}.triple-toggle{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.triple-toggle-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.toggle-btn{color:#8fa3c7;background:#fff;border:none;border-radius:9px;justify-content:center;align-items:center;width:100%;height:36px;display:flex}.toggle-btn+.toggle-btn{margin-top:6px}.presence-toggle{color:#fff;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:66px;font-size:12.5px;font-weight:700;transition:background .15s;display:flex}.presence-toggle__icon{justify-content:center;align-items:center;height:24px;display:flex}.toggle-btn.on-yes{background:var(--primary);color:#fff}.toggle-btn.on-no{background:var(--danger);color:#fff}.card{background:var(--card-bg);border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex}.card-row{justify-content:space-between;font-size:13.5px;display:flex}.card-row .label{color:var(--text-muted);font-weight:600}.card-row .value{color:var(--primary-dark);font-weight:700}.divider{background:var(--border);height:1px}.sector-tag{letter-spacing:.02em;text-transform:uppercase;border-radius:7px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-block}.patient-row{cursor:pointer;background:#fff;border-left:7px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 1px 2px #0f2a6e0d}.patient-row .name{color:var(--primary-dark);font-size:15px;font-weight:700}.patient-row .tutor{color:var(--text-muted);font-size:12.5px;font-weight:600}.section-label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:12.5px;font-weight:700}.timeline-item{gap:12px;display:flex}.timeline-rail{flex-direction:column;flex-shrink:0;align-items:center;width:14px;display:flex}.timeline-dot{border-radius:50%;flex-shrink:0;margin-top:6px}.timeline-line{background:#dce3ee;flex:1;width:2px;min-height:24px;margin-top:4px}.timeline-card{background:#fff;border-radius:16px;padding:15px}.timeline-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.timeline-date{color:var(--primary-dark);font-size:13.5px;font-weight:700}.timeline-vet{color:var(--text-light);font-size:11.5px;font-weight:600}.info-grid{grid-template-columns:1fr 1fr;gap:8px 10px;margin-bottom:10px;display:grid}.info-tile{background:var(--tile-bg);border-radius:9px;padding:7px 9px}.info-tile .tile-label{color:var(--text-light);text-transform:uppercase;font-size:10.5px;font-weight:700}.info-tile .tile-value{color:var(--primary-dark);font-size:12.5px;font-weight:600}.timeline-obs{color:#3c4740;font-size:13px;line-height:1.5}.toast-banner{top:calc(env(safe-area-inset-top,0px) + 16px);z-index:9999;color:#fff;letter-spacing:.01em;border-radius:999px 0 0 999px;max-width:85%;padding:15px 24px;font-size:14.5px;font-weight:800;animation:.4s cubic-bezier(.2,.85,.25,1) bannerIn;position:fixed;right:0;box-shadow:-8px 10px 28px #0f2a6e47}.toast-banner--success{background:#1e8e56}.toast-banner--warning{background:#d99400}.toast-banner--error{background:#c0392b}.toast-banner--info{background:var(--primary-dark)}@keyframes bannerIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.pres-icons{align-items:center;gap:14px;margin-top:5px;display:flex}.pres-icons__item{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.alert-badge{color:#fff;background:#c4574f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:800;line-height:1;display:flex}.patient-row--critical{border-left-color:#c4574f}.action-bar{padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);gap:10px;display:flex;box-shadow:0 -6px 18px #0f2a6e12}.action-bar .btn{flex:1;height:50px}.user-row{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:6px;padding:10px 10px 10px 13px;display:flex}.user-row .name{color:var(--primary-dark);font-size:14px;font-weight:700}.user-row .tutor{color:var(--text-muted);font-size:12px;font-weight:600}.admin-tag{letter-spacing:.05em;color:var(--primary);background:var(--tile-bg);border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800}.icon-plain{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:6px;display:flex}.skeleton{background:linear-gradient(90deg,#e3eaf6 25%,#eef3fb 50%,#e3eaf6 75%) 0 0/200% 100%;animation:1.3s ease-in-out infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading{justify-content:center;align-items:center;gap:8px;display:inline-flex}.modal-overlay{z-index:998;background:#0f2a6e59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@media (width>=620px){.modal-overlay{border-radius:30px;width:480px;inset:24px auto 24px 50%;transform:translate(-50%)}}.modal-card{background:#fff;border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:340px;padding:22px;display:flex;box-shadow:0 20px 50px #0f2a6e40}.modal-card--lg{gap:14px;width:94%;max-width:440px;max-height:88vh}.modal-scroll{margin:0 -4px;padding:2px 4px;overflow-y:auto}.modal-title{font-family:var(--font-heading);color:var(--primary-dark);margin-bottom:6px;font-size:17px;font-weight:800}.modal-body{color:var(--primary-dark);font-size:14px;font-weight:500;line-height:1.5}.modal-actions{border-top:1px solid var(--border);gap:8px;padding-top:16px;display:flex}.modal-actions .btn{height:44px;font-size:13.5px}.error-text{color:var(--danger);text-align:center;font-size:13px;font-weight:700}.center-fill{flex-direction:column;flex:1;justify-content:center;display:flex}@media print{body{background:#fff}.no-print{display:none!important}}