@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--navy:#1b2a4a;--navy-700:#243660;--navy-100:#e8edf5;--navy-50:#f3f5f9;--blue:#2563eb;--blue-light:#eff6ff;--slate:#64748b;--slate-light:#f1f5f9;--ink:#0f172a;--ink-soft:#475569;--line:#e2e8f0;--line-strong:#cbd5e1;--white:#fff;--bg:#f8f9fa;--status-received:#eff6ff;--status-received-fg:#1d4ed8;--status-progress:#fffbeb;--status-progress-fg:#b45309;--status-ready:#f0fdf4;--status-ready-fg:#15803d;--status-delivered:#f8fafc;--status-delivered-fg:#475569;--status-revision:#fef2f2;--status-revision-fg:#b91c1c;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius:6px;--radius-md:8px;--radius-lg:10px;--nav-height:60px;--bottom-nav-height:64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}.app-loading{height:100vh;color:var(--slate);justify-content:center;align-items:center;font-size:14px;display:flex}.page{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.page-content{padding:16px 16px calc(var(--bottom-nav-height) + 16px);flex:1;overflow-y:auto}.topbar{background:var(--navy);color:#fff;padding:14px 16px 16px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-left{flex-direction:column;gap:1px;display:flex}.topbar-eyebrow{color:#ffffff73;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:600}.topbar-title{letter-spacing:-.02em;font-size:18px;font-weight:700}.topbar-back{align-items:center;gap:10px;display:flex}.icon-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.icon-btn:active{opacity:.75}.notif-dot{border:1.5px solid var(--navy);background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}.bottom-nav{border-top:1px solid var(--line);width:100%;max-width:480px;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:100;background:#fff;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 2px;font-size:10px;font-weight:600;display:flex}.nav-item.active{color:var(--navy)}.nav-item svg{width:20px;height:20px}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;margin-bottom:8px;padding:14px;transition:border-color .12s}.card:active{border-color:var(--line-strong)}.card-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.received{background:var(--status-received);color:var(--status-received-fg);border:1px solid #bfdbfe}.badge.in_progress{background:var(--status-progress);color:var(--status-progress-fg);border:1px solid #fde68a}.badge.ready{background:var(--status-ready);color:var(--status-ready-fg);border:1px solid #bbf7d0}.badge.delivered{background:var(--status-delivered);color:var(--status-delivered-fg);border:1px solid var(--line)}.badge.revision{background:var(--status-revision);color:var(--status-revision-fg);border:1px solid #fecaca}.status-badge-inline{letter-spacing:.03em;white-space:nowrap;text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.status-badge-inline.received{background:var(--status-received);color:var(--status-received-fg);border:1px solid #bfdbfe}.status-badge-inline.in_progress{background:var(--status-progress);color:var(--status-progress-fg);border:1px solid #fde68a}.status-badge-inline.ready{background:var(--status-ready);color:var(--status-ready-fg);border:1px solid #bbf7d0}.status-badge-inline.delivered{background:var(--status-delivered);color:var(--status-delivered-fg);border:1px solid var(--line)}.status-badge-inline.revision{background:var(--status-revision);color:var(--status-revision-fg);border:1px solid #fecaca}.type-tag{background:var(--navy-50);color:var(--navy);border:1px solid var(--navy-100);border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:600}.type-tag.ortho{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.type-tag.resto{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.type-tag.implants{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.type-tag.removable{color:#92400e;background:#fffbeb;border-color:#fde68a}.type-tag.other{background:var(--slate-light);color:var(--slate);border-color:var(--line)}.type-tag.bleaching{color:#6b21a8;background:#faf5ff;border-color:#e9d5ff}.section-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:20px 0 10px;font-size:10.5px;font-weight:700}.section-label:first-child{margin-top:0}.field-label{color:var(--ink-soft);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.field{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--ink);background:#fff;margin-bottom:14px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.field::placeholder{color:#cbd5e1}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px 16px;font-size:14px;font-weight:600;transition:opacity .12s,background .12s;display:flex}.btn:active{opacity:.85}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-700)}.btn-secondary{color:var(--navy);border:1px solid var(--line-strong);background:#fff}.btn-danger{color:#fff;background:#dc2626}.btn-outline{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-row{gap:8px;display:flex}.btn-row .btn{flex:1}.callout{border-radius:var(--radius-md);border:1px solid #0000;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.callout.info{background:var(--blue-light);color:#1e40af;border-color:#bfdbfe}.callout.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.callout.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.callout.danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.callout-icon{flex-shrink:0;font-size:15px}.empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.empty-state svg{opacity:.35;width:40px;height:40px;margin-bottom:12px}.empty-state p{max-width:220px;font-size:13px;line-height:1.6}.tracker{align-items:center;margin:14px 0 4px;display:flex}.tracker-seg{background:var(--line);flex:1;height:3px}.tracker-seg.filled{background:var(--blue)}.tracker-node{border:2px solid var(--line);z-index:2;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.tracker-node.done{border-color:var(--blue);background:var(--blue)}.tracker-node.current{background:#fff;border-color:#f59e0b}.tracker-node svg{width:11px;height:11px}.tracker-labels{color:#94a3b8;letter-spacing:.01em;margin-bottom:16px;font-size:9.5px;font-weight:600;display:flex}.tracker-labels span{text-align:center;flex:1}.tracker-labels span:first-child,.tracker-labels span:last-child{flex:.6}.notif-indicator{background:var(--blue);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notif-indicator.read{background:var(--line)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-soft{color:var(--ink-soft)}.text-sm{font-size:12px}.text-xs{font-size:11px}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.mb-0{margin-bottom:0!important}.flex{display:flex}.flex-center{align-items:center;display:flex}.gap-2{gap:8px}.w-full{width:100%}