:root{--ivory:#f6f1e9;--ivory-2:#efe7da;--paper:#fffdf9;--ink:#1c2422;--ink-soft:#4a534f;--teal:#0c5049;--teal-2:#0a3f39;--teal-bright:#147c70;--gold:#b08947;--gold-soft:#cda968;--line:#e3d9c8;--danger:#a23b2d;--shadow:0 1px 2px rgba(28,36,34,.04),0 12px 32px -12px rgba(12,80,73,.18);--shadow-lg:0 24px 60px -20px rgba(12,80,73,.3);--r:16px;--serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}.logo-i,.brand .logo-i{font-family:var(--serif);font-style:italic;font-weight:600}.boot{height:100%;display:grid;place-items:center;background:var(--teal)}.boot-mark{font-family:var(--serif);font-style:italic;font-size:38px;color:var(--ivory);letter-spacing:1px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.auth{height:100%;display:grid;grid-template-columns:1.05fr 1fr}.auth-aside{position:relative;background:linear-gradient(155deg,var(--teal) 0%,var(--teal-2) 100%);color:var(--ivory);padding:48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.aside-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:14px 14px;pointer-events:none}.aside-top{position:relative;display:flex;align-items:baseline;gap:12px}.logo{font-size:26px;font-weight:600;letter-spacing:.2px}.logo-sub{font-size:12px;letter-spacing:3px;text-transform:uppercase;opacity:.6}.aside-quote p{font-family:var(--serif);font-size:46px;line-height:1.05;font-weight:500;letter-spacing:-.5px}.aside-quote em{color:var(--gold-soft);font-style:italic}.aside-tag{display:inline-block;margin-top:22px;font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.65;border-top:1px solid rgba(255,255,255,.18);padding-top:14px}.aside-foot{position:relative;font-size:13px;opacity:.55;letter-spacing:.3px}.auth-main{display:grid;place-items:center;background:var(--ivory);padding:40px}.auth-card{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;animation:rise .7s cubic-bezier(.2,.8,.2,1)}.auth-card h1{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.5px}.muted{color:var(--ink-soft);font-size:14px;margin-bottom:8px}.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.auth-card input{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--paper);font-size:15px;color:var(--ink);transition:border-color .2s,box-shadow .2s}.auth-card input:focus{outline:none;border-color:var(--teal-bright);box-shadow:0 0 0 4px #147c701f}.btn-primary{margin-top:8px;background:var(--teal);color:var(--ivory);padding:14px;border-radius:11px;font-weight:600;font-size:15px;letter-spacing:.3px;transition:transform .15s,background .2s,box-shadow .2s;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--teal-2);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:disabled{opacity:.6;cursor:wait}.err{color:var(--danger);font-size:13px;background:#a23b2d14;padding:9px 12px;border-radius:9px}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:600}.brand-dot{color:var(--gold);margin:0 4px}.brand-sub{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.who{display:flex;align-items:center;gap:16px}.who-name{font-size:14px;color:var(--ink-soft);font-weight:600}.btn-ghost{font-size:13px;color:var(--teal);font-weight:600;padding:8px 14px;border-radius:9px;border:1px solid var(--line);transition:background .2s}.btn-ghost:hover{background:var(--ivory-2)}.grid{flex:1;display:grid;grid-template-columns:380px 1fr;gap:26px;padding:30px 32px;max-width:1180px;width:100%;margin:0 auto}.col-left{display:flex;flex-direction:column;gap:18px}.callcard{background:linear-gradient(160deg,var(--teal),var(--teal-2));color:var(--ivory);border-radius:var(--r);padding:22px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:rise .6s cubic-bezier(.2,.8,.2,1)}.callcard-head{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:21px;font-weight:600}.pulse{width:9px;height:9px;border-radius:50%;background:var(--gold-soft);box-shadow:0 0 #cda96899;animation:ring 1.8s infinite}@keyframes ring{0%{box-shadow:0 0 #cda96880}70%{box-shadow:0 0 0 12px #cda96800}to{box-shadow:0 0 #cda96800}}.callcard-sub{font-size:13.5px;opacity:.75;margin:8px 0 16px;line-height:1.5}.widget-wrap{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;min-height:64px;display:flex;justify-content:center}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.stat-n{font-family:var(--serif);font-size:38px;font-weight:600;line-height:1;color:var(--teal)}.stat-l{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);margin-top:7px;font-weight:600}.col-right{display:flex;flex-direction:column;gap:16px;min-width:0}.tabs{display:flex;align-items:center;gap:8px}.tab{padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink-soft);transition:all .2s}.tab.on{background:var(--teal);color:var(--ivory);box-shadow:var(--shadow)}.tab:not(.on):hover{background:var(--ivory-2)}.refresh{margin-left:auto;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);color:var(--teal);font-size:17px;background:var(--paper);transition:transform .4s}.refresh:hover{transform:rotate(180deg)}.list{display:flex;flex-direction:column;gap:12px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card-top{display:flex;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;align-items:flex-start}.card-main{min-width:0}.card-title{font-weight:600;font-size:16px;letter-spacing:-.2px}.card-meta{display:flex;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap}.chip{font-size:11.5px;font-weight:600;background:#0c504914;color:var(--teal);padding:3px 9px;border-radius:20px;letter-spacing:.2px}.dim{font-size:13px;color:var(--ink-soft)}.card-side{display:flex;align-items:center;gap:9px;flex-shrink:0}.card-side time{font-size:12.5px;color:var(--ink-soft);white-space:nowrap}.audio-dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}.status{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gold);background:#b089471a;padding:4px 10px;border-radius:20px}.card-body{padding:14px 18px 18px;border-top:1px solid var(--line);margin-top:-2px;animation:fade .3s}.card-body.open{border-top:none;padding-top:0}.summary{font-size:14px;line-height:1.6;color:var(--ink-soft)}.appt-when{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink)}.player{width:100%;margin-top:12px;height:38px}.btn-audio{margin-top:12px;font-size:13px;font-weight:600;color:var(--teal);border:1px solid var(--line);padding:9px 14px;border-radius:10px;transition:background .2s}.btn-audio:hover{background:var(--ivory-2)}.empty{text-align:center;color:var(--ink-soft);font-size:14px;padding:50px 20px;background:var(--paper);border:1px dashed var(--line);border-radius:14px}.reveal{animation:rise .5s cubic-bezier(.2,.8,.2,1) backwards}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-aside{display:none}.grid{grid-template-columns:1fr;padding:18px}}
