@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Archivo:wght@400;500;600;700&display=swap";:root{--teal-900:#0f3d3e;--teal-700:#15534f;--teal-500:#1d7068;--teal-100:#e0eeec;--porcelain:#faf6f0;--porcelain-dim:#f1ebe1;--amber:#c77d33;--amber-light:#f3dcc2;--sage:#5b8c72;--sage-light:#dce8df;--terracotta:#b8472e;--terracotta-light:#f4dbd2;--ink:#1a2421;--ink-soft:#5c6661;--line:#e2dbcc;--white:#fff;--font-body:"Archivo", sans-serif;--font-display:"Fraunces", serif;--radius:14px;--radius-sm:9px;--nav-height:64px;--bottom-nav-height:68px}*{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(--porcelain);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}.app-loading{height:100vh;color:var(--ink-soft);justify-content:center;align-items:center;font-size:14px;display:flex}.page{background:var(--porcelain);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.page-content{padding:16px 18px calc(var(--bottom-nav-height) + 16px);flex:1;overflow-y:auto}.topbar{background:var(--teal-900);color:#fff;padding:14px 18px 16px;padding-top:calc(14px + env(safe-area-inset-top));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-left{flex-direction:column;gap:2px;display:flex}.topbar-eyebrow{color:#9fc4be;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.topbar-title{font-size:19px;font-weight:700}.topbar-back{align-items:center;gap:10px;display:flex}.icon-btn{cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.icon-btn:active{opacity:.75}.notif-dot{background:var(--terracotta);border:1.5px solid var(--teal-900);border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.bottom-nav{border-top:1px solid var(--line);width:100%;max-width:480px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:100;background:#fff;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#a19a89;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:flex}.nav-item.active{color:var(--teal-900)}.nav-item svg{width:21px;height:21px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px;padding:14px}.card-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.received{color:#6b6453;background:#efeae0}.badge.in_progress{background:var(--amber-light);color:#8a5320}.badge.ready{background:var(--sage-light);color:#3b6249}.badge.delivered{color:#5e6b62;background:#e3e8e5}.badge.revision{background:var(--terracotta-light);color:#8a3320}.type-tag{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.type-tag.ortho{color:#3a5f82;background:#ebf1f8}.type-tag.resto{background:var(--sage-light);color:#3b6249}.type-tag.implants{background:var(--teal-100);color:var(--teal-700)}.type-tag.bleaching{color:#6b4a82;background:#f0eaf8}.type-tag.removable{background:var(--amber-light);color:#8a5320}.type-tag.other{background:var(--porcelain-dim);color:var(--ink-soft)}.section-label{letter-spacing:.07em;text-transform:uppercase;color:#9c9078;margin:18px 0 10px;font-size:11px;font-weight:700}.section-label:first-child{margin-top:0}.field-label{color:var(--ink-soft);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field{border:1.5px solid var(--line);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--ink);background:#fff;margin-bottom:14px;padding:12px 14px;font-size:14px;transition:border-color .15s}.field:focus{border-color:var(--teal-500);outline:none}.field::placeholder{color:#c0b9a8}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='%239C9078' 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-sm);font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;transition:opacity .12s;display:flex}.btn:active{opacity:.82}.btn-primary{background:var(--teal-900);color:#fff}.btn-secondary{color:var(--teal-900);border:1.5px solid var(--teal-900);background:#fff}.btn-amber{background:var(--amber);color:#fff}.btn-danger{background:var(--terracotta);color:#fff}.btn-outline{color:var(--ink-soft);border:1.5px solid var(--line);background:0 0}.btn-row{gap:8px;display:flex}.btn-row .btn{flex:1}.callout{border-radius:var(--radius-sm);gap:10px;padding:13px 16px;font-size:13px;line-height:1.5;display:flex}.callout.info{background:var(--teal-100);color:var(--teal-700)}.callout.warning{background:var(--amber-light);color:#8a5320}.callout.success{background:var(--sage-light);color:#3b6249}.callout.danger{background:var(--terracotta-light);color:#8a3320}.callout-icon{flex-shrink:0;font-size:16px}.empty-state{text-align:center;color:#9c9078;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.empty-state svg{opacity:.4;width:44px;height:44px;margin-bottom:14px}.empty-state p{max-width:220px;font-size:13px;line-height:1.5}.tracker{align-items:center;margin:16px 0 4px;display:flex}.tracker-seg{background:var(--line);flex:1;height:4px}.tracker-seg.filled{background:var(--teal-500)}.tracker-node{border:2.5px solid var(--line);z-index:2;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.tracker-node.done{border-color:var(--teal-500);background:var(--teal-500)}.tracker-node.current{border-color:var(--amber)}.tracker-node svg{width:12px;height:12px}.tracker-labels{color:#9c9078;margin-bottom:16px;font-size:10px;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}.chat-msg{margin-bottom:12px;display:flex}.chat-msg.mine{justify-content:flex-end}.bubble{max-width:80%;padding:10px 13px;font-size:13.5px;line-height:1.45}.chat-msg.mine .bubble{background:var(--teal-900);color:#fff;border-radius:14px 14px 3px}.chat-msg.theirs .bubble{border:1px solid var(--line);background:#fff;border-radius:14px 14px 14px 3px}.bubble-translated{opacity:.7;border-top:1px solid #fff3;margin-top:5px;padding-top:5px;font-size:10.5px;font-style:italic}.chat-msg.theirs .bubble-translated{border-top:1px solid var(--line);color:#9c9078}.chat-meta{color:#a19a89;margin-top:3px;font-size:10px}.chat-msg.mine .chat-meta{text-align:right}.notif-item{border-bottom:1px solid var(--line);gap:11px;padding:13px 0;display:flex}.notif-item:last-child{border-bottom:none}.notif-indicator{background:var(--amber);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-indicator.read{background:var(--line)}.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%}