*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0b0f19;--bg-card: rgba(17, 24, 39, .65);--bg-card-solid: #111827;--border: rgba(56, 189, 176, .15);--border-hover: rgba(56, 189, 176, .35);--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--emerald-400: #34d399;--emerald-500: #10b981;--blue-400: #60a5fa;--blue-500: #3b82f6;--red-400: #f87171;--red-500: #ef4444;--amber-400: #fbbf24;--amber-500: #f59e0b;--text: #e5e7eb;--text-dim: #9ca3af;--text-bright: #f9fafb;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--shadow: 0 8px 32px rgba(0, 0, 0, .35);--transition: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg: #f0f4f8;--bg-card: rgba(255, 255, 255, .8);--bg-card-solid: #ffffff;--border: rgba(14, 165, 150, .18);--border-hover: rgba(14, 165, 150, .35);--teal-400: #0d9488;--teal-500: #0f766e;--teal-600: #115e59;--emerald-400: #059669;--emerald-500: #047857;--blue-400: #2563eb;--blue-500: #1d4ed8;--red-400: #dc2626;--red-500: #b91c1c;--amber-400: #d97706;--amber-500: #b45309;--text: #1e293b;--text-dim: #64748b;--text-bright: #0f172a;--shadow: 0 8px 32px rgba(0, 0, 0, .08)}[data-theme=light] body{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(14,165,150,.06),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(59,130,246,.04),transparent)}[data-theme=light] .timer-card{background:#0ea5960a}[data-theme=light] .timer-card--active{background:#3b82f60f}[data-theme=light] .timer-card--break{background:#f59e0b0f}[data-theme=light] tbody tr:hover{background:#0ea5960a}[data-theme=light] tbody td{border-bottom-color:#0000000f}[data-theme=light] .status-idle{background:#64748b1a;border-color:#64748b33;color:var(--text-dim)}[data-theme=light] .status-on-shift{background:#05966914;color:var(--emerald-400);border-color:#05966933}[data-theme=light] .status-in-consultation{background:#2563eb14;color:var(--blue-400);border-color:#2563eb33}[data-theme=light] .status-on-break{background:#d9770614;color:var(--amber-400);border-color:#d9770633}[data-theme=light] .nav-tab{color:var(--text-dim)}[data-theme=light] .nav-tab--active{color:var(--teal-500);border-bottom-color:var(--teal-500)}[data-theme=light] .nav-tab:hover:not(.nav-tab--active){color:var(--text);background:#0ea5960a}[data-theme=light] .history-card{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .history-card:hover{border-color:var(--border-hover)}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .header h1{background:linear-gradient(135deg,var(--teal-500),var(--emerald-400));-webkit-background-clip:text;background-clip:text}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(14,165,150,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(59,130,246,.08),transparent);transition:background var(--transition),color var(--transition)}.app{display:flex;flex-direction:column;min-height:100vh;max-width:720px;margin:0 auto;padding:var(--sp-6)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);opacity:.7}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--teal-400);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{text-align:center;padding:var(--sp-8) 0 var(--sp-4);position:relative}.header-top{display:flex;align-items:center;justify-content:space-between}.header-brand,.header-actions{display:flex;align-items:center;gap:var(--sp-3)}.logo{font-size:var(--fs-3xl);filter:drop-shadow(0 0 12px rgba(45,212,191,.4));animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(45,212,191,.3))}50%{filter:drop-shadow(0 0 20px rgba(45,212,191,.6))}}.header h1{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--teal-400),var(--emerald-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-sub{font-size:var(--fs-sm);color:var(--text-dim);margin-top:var(--sp-1);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.header-tz{font-size:var(--fs-xs);color:var(--text-dim);background:var(--bg-card);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-xs);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-lg);cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.theme-toggle:hover{border-color:var(--border-hover);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.nav-tabs{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-4);border-bottom:1px solid var(--border);padding-bottom:0}.nav-tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--sp-3) var(--sp-5);font-family:var(--font);font-size:var(--fs-sm);font-weight:600;color:var(--text-dim);cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-xs) var(--radius-xs) 0 0}.nav-tab:hover:not(.nav-tab--active){color:var(--text);background:#ffffff08}.nav-tab--active{color:var(--teal-400);border-bottom-color:var(--teal-400)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);animation:card-enter .5s ease-out both}@keyframes card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card:hover{border-color:var(--border-hover)}.card--controls{margin-bottom:var(--sp-6)}.card--log{margin-bottom:var(--sp-6);animation-delay:.1s}.card--history{margin-bottom:var(--sp-6)}.main{flex:1;margin-top:var(--sp-6)}.status-row{text-align:center;margin-bottom:var(--sp-6)}.status-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);border-radius:999px;font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em;text-transform:uppercase;transition:all var(--transition)}.status-idle{background:#9ca3af26;color:var(--text-dim);border:1px solid rgba(156,163,175,.2)}.status-on-shift{background:#10b9811f;color:var(--emerald-400);border:1px solid rgba(16,185,129,.25);box-shadow:0 0 20px #10b9811a}.status-in-consultation{background:#3b82f61f;color:var(--blue-400);border:1px solid rgba(59,130,246,.25);box-shadow:0 0 20px #3b82f61a;animation:badge-pulse 2s ease-in-out infinite}.status-on-break{background:#fbbf241f;color:var(--amber-400);border:1px solid rgba(251,191,36,.25);box-shadow:0 0 20px #fbbf241a;animation:badge-pulse-amber 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 20px #3b82f61a}50%{box-shadow:0 0 30px #3b82f640}}@keyframes badge-pulse-amber{0%,to{box-shadow:0 0 20px #fbbf241a}50%{box-shadow:0 0 30px #fbbf2440}}.timers{display:flex;gap:var(--sp-4);justify-content:center;margin-bottom:var(--sp-6);flex-wrap:wrap}.timer-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-6);min-width:160px;transition:all var(--transition)}.timer-card--active{border-color:#3b82f64d;background:#3b82f60f}.timer-card--break{border-color:#fbbf244d;background:#fbbf240f}.timer-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.timer-value{font-size:var(--fs-2xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-bright)}.timer-card--active .timer-value{color:var(--blue-400)}.timer-card--break .timer-value{color:var(--amber-400)}.shift-meta{text-align:center;font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:var(--sp-6)}.consult-count{color:var(--teal-400);font-weight:600}.break-count{color:var(--amber-400);font-weight:600}.actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-icon{font-size:1.1em}.btn--start{background:linear-gradient(135deg,var(--emerald-500),var(--teal-500));color:#fff;padding:var(--sp-4) var(--sp-8);font-size:var(--fs-lg);box-shadow:0 4px 24px #10b9814d}.btn--start:hover{box-shadow:0 6px 32px #10b98173;transform:translateY(-2px)}.btn--consult{background:linear-gradient(135deg,var(--blue-500),#6366f1);color:#fff;box-shadow:0 4px 20px #3b82f640}.btn--consult:hover{box-shadow:0 6px 28px #3b82f666;transform:translateY(-2px)}.btn--finish{background:linear-gradient(135deg,var(--teal-500),var(--emerald-500));color:#fff;padding:var(--sp-4) var(--sp-8);font-size:var(--fs-lg);box-shadow:0 4px 20px #14b8a640}.btn--finish:hover{box-shadow:0 6px 28px #14b8a666;transform:translateY(-2px)}.btn--end{background:#ef44441f;color:var(--red-400);border:1px solid rgba(239,68,68,.25)}.btn--end:hover{background:#ef444433;border-color:#ef444466;transform:translateY(-1px)}.btn--break{background:#fbbf241a;color:var(--amber-400);border:1px solid rgba(251,191,36,.2)}.btn--break:hover{background:#fbbf242e;border-color:#fbbf2466;transform:translateY(-1px)}.btn--end-break{background:linear-gradient(135deg,var(--amber-400),var(--amber-500));color:#fff;padding:var(--sp-4) var(--sp-8);font-size:var(--fs-lg);box-shadow:0 4px 20px #fbbf2440}.btn--end-break:hover{box-shadow:0 6px 28px #fbbf2466;transform:translateY(-2px)}.btn--export{background:#fbbf241a;color:var(--amber-400);border:1px solid rgba(251,191,36,.2);margin:0 auto;display:flex}.btn--export:hover:not(.btn--disabled){background:#fbbf242e;border-color:#fbbf2466;transform:translateY(-1px)}.btn--disabled{opacity:.35;cursor:not-allowed}.export-row{display:flex;justify-content:center;margin-bottom:var(--sp-6);animation:card-enter .5s ease-out .2s both}.consultation-log h2{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--sp-4);color:var(--text-bright)}.empty-state{text-align:center;color:var(--text-dim);font-size:var(--fs-sm);padding:var(--sp-8) 0}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}thead th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:600;border-bottom:1px solid var(--border)}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#ffffff08}tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid rgba(255,255,255,.04);font-variant-numeric:tabular-nums}.col-num{color:var(--text-dim);font-weight:600;width:40px}.history-view h2{font-size:var(--fs-lg);font-weight:700;color:var(--text-bright)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6)}.history-count{font-size:var(--fs-xs);color:var(--text-dim);background:#ffffff0d;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.history-loading{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-12) 0;opacity:.7}.history-empty{text-align:center;padding:var(--sp-12) 0}.history-empty-icon{font-size:3rem;display:block;margin-bottom:var(--sp-4);opacity:.6}.history-empty p{color:var(--text-dim);font-size:var(--fs-sm)}.history-empty-hint{margin-top:var(--sp-2);opacity:.6;font-size:var(--fs-xs)!important}.history-list{display:flex;flex-direction:column;gap:var(--sp-3)}.history-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);overflow:hidden;animation:card-enter .4s ease-out both}.history-card:nth-child(2){animation-delay:.05s}.history-card:nth-child(3){animation-delay:.1s}.history-card:nth-child(4){animation-delay:.15s}.history-card:nth-child(5){animation-delay:.2s}.history-card:hover{border-color:var(--border-hover)}.history-card--expanded{border-color:var(--border-hover);box-shadow:0 4px 24px #00000026}.history-card-summary{display:flex;align-items:center;gap:var(--sp-4);width:100%;padding:var(--sp-4) var(--sp-5);background:none;border:none;font-family:var(--font);color:var(--text);cursor:pointer;text-align:left;transition:background var(--transition)}.history-card-summary:hover{background:#ffffff08}.history-card-date{display:flex;flex-direction:column;gap:2px;min-width:130px}.history-date-day{font-weight:700;font-size:var(--fs-sm);color:var(--text-bright)}.history-date-time{font-size:var(--fs-xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.history-card-stats{display:flex;gap:var(--sp-4);flex:1;flex-wrap:wrap}.history-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.history-stat-value{font-weight:700;font-size:var(--fs-sm);color:var(--teal-400);font-variant-numeric:tabular-nums}.history-stat--break .history-stat-value{color:var(--amber-400)}.history-stat-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.history-chevron{font-size:var(--fs-xl);color:var(--text-dim);transition:transform var(--transition);font-weight:300}.history-chevron--open{transform:rotate(90deg)}.history-detail{padding:0 var(--sp-5) var(--sp-5);border-top:1px solid var(--border);animation:detail-enter .3s ease-out}@keyframes detail-enter{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.history-stats-bar{display:flex;gap:var(--sp-6);padding:var(--sp-4) 0;flex-wrap:wrap}.history-stats-item{display:flex;flex-direction:column;gap:2px}.history-stats-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.history-stats-value{font-size:var(--fs-sm);font-weight:700;color:var(--text-bright);font-variant-numeric:tabular-nums}.history-table-section{margin-top:var(--sp-4)}.history-table-section h3{font-size:var(--fs-sm);font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-2)}.history-actions{display:flex;justify-content:center;margin-top:var(--sp-5)}.footer{text-align:center;padding:var(--sp-8) 0 var(--sp-4);font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.02em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in .2s ease-out}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card-solid);border:1px solid var(--border-hover);border-radius:var(--radius);padding:var(--sp-8);max-width:420px;width:90%;text-align:center;box-shadow:0 16px 64px #00000080;animation:modal-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{font-size:2.5rem;margin-bottom:var(--sp-4)}.modal-title{font-size:var(--fs-xl);font-weight:700;color:var(--text-bright);margin-bottom:var(--sp-3)}.modal-text{font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:var(--sp-6);line-height:1.7}.modal-actions{display:flex;gap:var(--sp-3);justify-content:center}.btn--export-confirm{background:linear-gradient(135deg,var(--emerald-500),var(--teal-500));color:#fff;padding:var(--sp-3) var(--sp-6);box-shadow:0 4px 20px #10b9814d}.btn--export-confirm:hover{box-shadow:0 6px 28px #10b98173;transform:translateY(-2px)}.btn--skip{background:#9ca3af1a;color:var(--text-dim);border:1px solid rgba(156,163,175,.2);padding:var(--sp-3) var(--sp-6)}.btn--skip:hover{background:#9ca3af2e;color:var(--text)}@media(max-width:500px){.app{padding:var(--sp-4)}.card{padding:var(--sp-5)}.timer-card{min-width:130px;padding:var(--sp-3) var(--sp-4)}.timer-value{font-size:var(--fs-xl)}.actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.header-top{flex-direction:column;gap:var(--sp-3)}.header-actions{justify-content:center}.nav-tabs{gap:0}.nav-tab{flex:1;text-align:center;padding:var(--sp-3) var(--sp-3)}.history-card-summary{flex-wrap:wrap}.history-card-stats{gap:var(--sp-3)}.history-stats-bar{gap:var(--sp-4)}}