@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:InterVariable;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:InterVariable;src:url(/fonts/InterVariableItalic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}:root{--apple-primary: #0066cc;--apple-primary-focus: #0071e3;--apple-primary-on-dark: #2997ff;--apple-ink: #1d1d1f;--apple-ink-muted-80: #333333;--apple-ink-muted-48: #7a7a7a;--apple-divider-soft: #f0f0f0;--apple-hairline: #e0e0e0;--apple-canvas: #ffffff;--apple-canvas-parchment: #f5f5f7;--apple-surface-pearl: #fafafc;--apple-surface-black: #000000;--apple-on-primary: #ffffff;--apple-on-dark: #ffffff;--apple-radius-xs: 5px;--apple-radius-sm: 8px;--apple-radius-md: 11px;--apple-radius-lg: 18px;--apple-radius-pill: 9999px;--apple-space-xxs: 4px;--apple-space-xs: 8px;--apple-space-sm: 12px;--apple-space-md: 17px;--apple-space-lg: 24px;--apple-space-xl: 32px;--apple-space-xxl: 48px;--apple-space-section: 80px;--apple-product-shadow: 3px 5px 30px rgba(0, 0, 0, .22);--apple-overlay-shadow: 0 4px 16px rgba(0, 0, 0, .12);--apple-system-green: #008000;--apple-system-red: #d70015;--apple-system-orange: #b25000;--apple-system-yellow: #f5e50b;--color-primary: var(--apple-primary);--color-primary-dark: var(--apple-primary-focus);--color-primary-soft: rgba(0, 102, 204, .15);--surface-app: var(--apple-canvas-parchment);--surface-card: var(--apple-canvas);--surface-raised: var(--apple-surface-pearl);--surface-hover: var(--apple-divider-soft);--surface-sidebar: var(--apple-surface-pearl);--text-strong: var(--apple-ink);--text-base: var(--apple-ink-muted-80);--text-muted: var(--apple-ink-muted-48);--text-on-primary: var(--apple-on-primary);--text-on-dark: var(--apple-on-dark);--border: var(--apple-hairline);--border-subtle: var(--apple-divider-soft);--status-success-bg: rgba(0, 128, 0, .12);--status-success-fg: #008000;--status-error-bg: rgba(215, 0, 21, .12);--status-error-fg: #d70015;--status-warn-bg: rgba(178, 80, 0, .12);--status-warn-fg: #b25000;--status-info-bg: rgba(0, 102, 204, .12);--status-info-fg: #0066cc;--radius: var(--apple-radius-sm);--shadow: none;--sidebar-width: 240px;--topbar-height: 56px;--bottom-nav-height: 56px;--color-dark: var(--text-strong);--color-dark-2: #16213e;--color-dark-3: #0f3460;--color-text: var(--text-base);--color-muted: var(--text-muted);--color-bg: var(--surface-app);--color-white: var(--surface-card)}:root[data-theme=dark]{--apple-primary: #2997ff;--apple-primary-focus: #2997ff;--apple-ink: #f5f5f7;--apple-ink-muted-80: #d2d2d7;--apple-ink-muted-48: #8e8e93;--apple-divider-soft: #2c2c2e;--apple-hairline: #38383a;--apple-canvas: #1d1d1f;--apple-canvas-parchment: #161618;--apple-surface-pearl: #2a2a2c;--color-primary-soft: rgba(41, 151, 255, .2);--surface-app: var(--apple-canvas-parchment);--surface-card: var(--apple-surface-pearl);--surface-raised: #313135;--surface-hover: var(--apple-divider-soft);--surface-sidebar: var(--apple-canvas);--text-strong: var(--apple-ink);--text-base: var(--apple-ink-muted-80);--text-muted: var(--apple-ink-muted-48);--text-on-primary: var(--apple-on-primary);--border: var(--apple-hairline);--border-subtle: var(--apple-divider-soft);--status-success-bg: rgba(48, 209, 88, .15);--status-success-fg: #30d158;--status-error-bg: rgba(255, 69, 58, .15);--status-error-fg: #ff453a;--status-warn-bg: rgba(255, 159, 10, .15);--status-warn-fg: #ff9f0a;--status-info-bg: rgba(41, 151, 255, .15);--status-info-fg: #2997ff;--shadow: none;--color-dark-2: #0c0e14;--color-dark-3: #0a1830}html,body{font-family:InterVariable,SF Pro Display,system-ui,-apple-system,sans-serif;font-size:17px;color:var(--color-text);background:var(--color-bg);line-height:1.47;letter-spacing:-.374px;height:100%}*:focus-visible{outline:2px solid var(--apple-primary-focus);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.374px;color:var(--text-strong)}h1{letter-spacing:-.021em}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:calc(var(--sidebar-width) + env(safe-area-inset-left,0px));padding-left:env(safe-area-inset-left,0px);background:var(--surface-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;height:100dvh;z-index:200;transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidebar .sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border-subtle)}.sidebar .sidebar-brand .sidebar-logo{height:36px;width:auto;flex-shrink:0;display:block}.sidebar .sidebar-brand .sidebar-title{font-size:21px;font-weight:600;color:var(--text-strong);letter-spacing:-.01em}.sidebar .sidebar-nav{flex:1;padding:.75rem 0;display:flex;flex-direction:column}.sidebar .sidebar-nav .nav-section-label{padding:1.1rem 1.25rem .35rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:.75rem;margin:0 .75rem;padding:.65rem .75rem;min-height:44px;color:var(--text-muted);font-size:.9rem;font-weight:500;border-radius:var(--apple-radius-sm);transition:all .15s;cursor:pointer}.sidebar .sidebar-nav .nav-item:hover{color:var(--text-strong);background:var(--surface-hover)}.sidebar .sidebar-nav .nav-item.active{color:var(--color-primary);background:var(--color-primary-soft)}.sidebar .sidebar-nav .nav-item .nav-icon{font-size:1rem;flex-shrink:0}.sidebar .sidebar-nav .nav-item .nav-label{white-space:nowrap}.sidebar .sidebar-nav .nav-item .nav-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.sidebar .sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-top:1px solid var(--border-subtle);color:var(--text-base);cursor:pointer;transition:background .15s;text-decoration:none}.sidebar .sidebar-user:hover{background:var(--surface-hover);color:var(--text-strong)}.sidebar .sidebar-user:hover .profile-icon{opacity:1}.sidebar .sidebar-user .user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.sidebar .sidebar-user .user-info{flex:1;min-width:0}.sidebar .sidebar-user .user-info .user-name{display:block;font-size:.82rem;font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .sidebar-user .user-info .user-role{display:block;font-size:.72rem;color:var(--text-muted)}.sidebar .sidebar-user .profile-icon{font-size:1.1rem;color:var(--text-muted);opacity:0;transition:opacity .15s;flex-shrink:0}.sidebar .sidebar-theme{display:flex;align-items:center;gap:.75rem;width:100%;min-height:44px;background:none;border:none;border-top:1px solid var(--border-subtle);padding:.75rem 1.25rem;color:var(--text-muted);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:color .15s,background .15s}.sidebar .sidebar-theme:hover{color:var(--text-strong);background:var(--surface-hover)}.sidebar .sidebar-theme .nav-icon{font-size:1rem;flex-shrink:0}.sidebar .sidebar-logout{width:100%;min-height:44px;background:none;border:none;border-top:1px solid var(--border-subtle);padding:.6rem 1.25rem;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-align:left;transition:color .15s,background .15s}.sidebar .sidebar-logout:hover{color:var(--status-error-fg);background:var(--status-error-bg)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{display:none;align-items:center;background:#f5f5f7cc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);min-height:var(--topbar-height);padding:0 1rem;padding-top:env(safe-area-inset-top,0px);padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));gap:.75rem;position:sticky;top:0;z-index:100}.topbar .topbar-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.topbar .topbar-toggle span{display:block;width:22px;height:2px;background:var(--text-strong);border-radius:2px;transition:opacity .15s}.topbar .topbar-brand{flex:1;font-size:21px;font-weight:600;color:var(--text-strong)}.topbar .topbar-theme{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;flex-shrink:0;transition:background .15s}.topbar .topbar-theme:hover{background:var(--surface-hover)}.topbar .topbar-user .topbar-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--text-on-primary);font-size:.75rem;font-weight:700}:root[data-theme=dark] .topbar{background:#161618cc}.page-wrapper{margin-left:var(--sidebar-width);flex:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.page-wrapper main{flex:1;padding:1.5rem;padding-left:max(1.5rem,env(safe-area-inset-left,0px));padding-right:max(1.5rem,env(safe-area-inset-right,0px))}@media(max-width:768px){.page-wrapper main{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar,.bottom-nav{display:flex}.page-wrapper{margin-left:0;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:150;background:#f5f5f7cc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav .bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--bottom-nav-height);padding:0 .25rem;background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:.68rem;font-weight:500;text-decoration:none;cursor:pointer;transition:color .15s}.bottom-nav .bottom-nav-item .bottom-nav-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.bottom-nav .bottom-nav-item .bottom-nav-label{white-space:nowrap}.bottom-nav .bottom-nav-item:hover{color:var(--text-strong)}.bottom-nav .bottom-nav-item.active{color:var(--color-primary)}:root[data-theme=dark] .bottom-nav{background:#161618cc}.hero{background:var(--surface-sidebar);color:var(--text-on-dark);padding:6rem 2rem;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem}.hero .hero-subtitle{font-size:1.25rem;color:#fffc;margin-bottom:2rem}.container{max-width:1100px;margin:0 auto;padding:2.5rem 2rem}@media(max-width:600px){.container{padding:1.25rem 1rem}}.services h2,.about h2,.contact h2{font-size:2rem;margin-bottom:2rem;color:var(--color-dark);text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.service-card{background:var(--color-white);border-radius:var(--apple-radius-lg);padding:2rem;box-shadow:none;border:1px solid var(--border);text-align:center;transition:transform .2s}.service-card:hover{transform:translateY(-4px)}.service-card .icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.service-card h3{margin-bottom:.5rem;color:var(--color-dark)}.service-card p{color:var(--color-muted)}.about{background:var(--color-white)}.about p{max-width:700px;margin:0 auto;color:var(--color-muted);font-size:1.1rem;text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-grid p{margin-bottom:.5rem}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:1rem;font-weight:400;transition:transform .12s ease,background .2s}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--apple-radius-pill)}.btn.btn-primary:hover{background:var(--color-primary-dark)}.btn.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn.btn-secondary:hover{background:var(--color-primary);color:var(--text-on-primary)}.login-wrapper{min-height:calc(100vh - var(--topbar-height));display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:var(--color-white);border-radius:var(--apple-radius-lg);padding:2.5rem;box-shadow:none;border:1px solid var(--border);width:100%;max-width:420px}.login-card h2{margin-bottom:.5rem;color:var(--color-dark)}.login-card .login-hint{color:var(--color-muted);margin-bottom:1.5rem;font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;margin-bottom:.4rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:inherit;color:var(--text-base);background:var(--surface-card);transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--surface-hover);color:var(--color-muted);cursor:not-allowed}.error{color:var(--status-error-fg);margin-bottom:1rem;font-size:.9rem}.employee-area h1{margin-bottom:2rem;color:var(--color-dark)}.profile-card{background:var(--color-white);border-radius:var(--radius);padding:1.5rem 2rem;box-shadow:var(--shadow);margin-bottom:2rem}.profile-card h2{margin-bottom:1rem}.profile-card p{margin-bottom:.5rem}.loading{color:var(--color-muted)}.placeholder-content{background:var(--color-white);border-radius:var(--radius);padding:1.5rem 2rem;box-shadow:var(--shadow);border-left:4px solid var(--color-primary)}.placeholder-content h3{margin-bottom:.5rem}.placeholder-content p{color:var(--color-muted)}.footer{background:var(--surface-sidebar);border-top:1px solid var(--border-subtle);color:var(--text-muted);text-align:center;padding:1rem 1.5rem;font-size:.8rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h1{margin:0}.page-subtitle{margin:.25rem 0 0;color:var(--color-muted);font-size:.9rem}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.table-wrapper{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}@media(max-width:768px){.hide-md{display:none!important}}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.data-table th{font-size:.75rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-raised)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-hover)}.data-table .actions-head{text-align:right}.data-table .actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;white-space:nowrap}.data-table .empty{text-align:center;padding:2.5rem;color:var(--color-muted);font-style:italic}.data-table tfoot td{border-top:2px solid var(--border);background:var(--surface-raised);font-weight:600}.form-card{background:var(--color-white);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.form-card h2{margin:0 0 1.25rem;font-size:1.2rem}.form-card h3{margin:0 0 1.25rem;font-size:1rem;font-weight:700;color:var(--color-dark)}.form-card--overlay{border:2px solid var(--color-primary)}.form-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;margin-bottom:1rem}@media(max-width:600px){.form-card .form-row{grid-template-columns:1fr}}.form-card .form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.required-mark{color:var(--status-error-fg);font-weight:700}.error-text{display:block;margin-top:.35rem;font-size:.8rem;color:var(--status-error-fg)}svg.lucide{flex-shrink:0;vertical-align:-.125em}.btn-icon{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .6rem;cursor:pointer;font-size:1rem;line-height:1;color:inherit;transition:all .15s}.btn-icon:hover{background:var(--surface-hover);border-color:var(--text-muted)}.btn-icon--danger:hover{background:var(--status-error-bg);border-color:var(--status-error-fg);color:var(--status-error-fg)}.success-banner{background:var(--status-success-bg);color:var(--status-success-fg);border-radius:var(--radius);padding:.85rem 1.25rem;margin-bottom:1rem;font-weight:500;font-size:.9rem}.error-banner{background:var(--status-error-bg);color:var(--status-error-fg);border-radius:var(--radius);padding:.85rem 1.25rem;margin-bottom:1rem;font-size:.9rem}.status-pill{display:inline-flex;padding:.2rem .7rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--status-success-bg);color:var(--status-success-fg)}.status-pill--inactive{background:var(--surface-hover);color:var(--text-muted)}.badge{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-offen{background:var(--status-info-bg);color:var(--status-info-fg)}.badge-akzeptiert{background:var(--status-warn-bg);color:var(--status-warn-fg)}.badge-arbeit{background:var(--color-primary-soft);color:var(--color-primary-dark)}.badge-done{background:var(--status-success-bg);color:var(--status-success-fg)}.badge-cancel{background:var(--status-error-bg);color:var(--status-error-fg)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px))}.modal{background:var(--color-white);padding:2rem;border-radius:var(--radius);width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:var(--apple-overlay-shadow);border:2px solid var(--color-primary)}.modal h2{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem}.modal .modal-actions{position:sticky;bottom:-2rem;display:flex;justify-content:flex-end;gap:1rem;margin:2rem -2rem 0;padding:1rem 2rem;background:var(--color-white);border-top:1px solid var(--border-subtle)}@media(max-width:480px){.modal{padding:1.25rem}.modal .modal-actions{bottom:-1.25rem;margin:1.5rem -1.25rem 0;padding:.85rem 1.25rem}}.checkbox-row{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer}.autocomplete-wrapper{position:relative}.autocomplete-wrapper:after{content:"";width:.7rem;height:.7rem;background-color:var(--color-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.autocomplete-wrapper input{padding-right:2.5rem}.autocomplete-wrapper .clear-btn{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;background:none;border:none;border-radius:50%;color:var(--color-muted);cursor:pointer;font-size:1rem;z-index:2}.autocomplete-wrapper .clear-btn:hover{color:var(--color-dark);background:var(--surface-hover)}.autocomplete-wrapper .autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:100;max-height:220px;overflow-y:auto;list-style:none;margin:0;padding:.25rem 0}.autocomplete-wrapper .autocomplete-dropdown li{padding:.6rem 1rem;cursor:pointer;display:flex;flex-direction:column;gap:.1rem}.autocomplete-wrapper .autocomplete-dropdown li:hover{background:var(--surface-hover)}.autocomplete-wrapper .autocomplete-dropdown li strong{font-size:.95rem}.autocomplete-wrapper .autocomplete-dropdown li .addr{font-size:.8rem;color:var(--color-muted)}.timer-fab{position:fixed;right:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:150;display:inline-flex;align-items:center;gap:.5rem;height:52px;padding:0 1.1rem;border:none;border-radius:var(--apple-radius-pill);background:var(--color-primary);color:var(--text-on-primary);font-family:inherit;font-weight:700;font-size:.95rem;box-shadow:none;transition:transform .12s ease;cursor:pointer}.timer-fab:active{transform:scale(.96)}.timer-fab .timer-fab-icon{font-size:1.3rem;line-height:1}.timer-fab .timer-fab-label{white-space:nowrap}.timer-fab .timer-fab-time{font-variant-numeric:tabular-nums;letter-spacing:.5px;white-space:nowrap}.timer-fab.is-active{background:var(--surface-sidebar);color:var(--text-on-dark)}.timer-fab .timer-fab-dot{width:9px;height:9px;border-radius:50%;background:var(--status-success-fg);flex-shrink:0;animation:timer-fab-pulse 1.6s ease-in-out infinite}.timer-fab .timer-fab-dot.paused{background:var(--text-muted);animation:none}@keyframes timer-fab-pulse{0%,to{box-shadow:0 0 #3caa3780}50%{box-shadow:0 0 0 6px #3caa3700}}@media(max-width:768px){.timer-fab{right:1rem;bottom:calc(var(--bottom-nav-height) + 1rem + env(safe-area-inset-bottom,0px))}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;inset:0;margin:0;padding:0;display:block}.no-print{display:none!important}@page{margin:12mm}}