*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}:root{--primary: #3d8f8a;--primary-hover: #2e6e6a;--secondary: #47af84;--brand-teal: #61bfb5;--bg-color: #f1f5f9;--surface: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-light: #e2e8f0;--success: #16a34a;--success-light: #bbf7d0;--warning: #eab308;--danger: #ef4444;--danger-light: #fee2e2;--danger-border: #fca5a5;--status-draft: #e2e8f0;--status-input: #fef08a;--status-ack: #fed7aa;--status-locked: #bbf7d0;--status-published-bg: #dbeafe;--status-published-text: #1e40af;--purple-light: #ede9fe;--purple-dark: #5b21b6}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:3px solid var(--brand-teal);padding:.75rem 1.5rem;box-shadow:0 1px 3px #0000000f}.app-title{font-size:1.1rem;font-weight:700;color:var(--primary)}.app-main-content{flex:1;max-width:960px;width:100%;margin:0 auto;padding:1.5rem 1rem}.user-icon-btn{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.user-icon-btn:hover{background:var(--primary-hover)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);padding:1rem}.login-card{background:#fff;border-radius:1rem;padding:2rem;width:100%;max-width:400px;box-shadow:0 4px 24px #00000014}.modal-backdrop{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:#fff;border-radius:1rem;width:100%;max-width:440px;max-height:calc(100vh - 2rem);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column}.modal-wide{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;font-size:1rem}.modal-close{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-muted);padding:.25rem;line-height:1}.modal-close:hover{color:var(--text-main)}.modal-body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto .75rem}.cycle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.cycle-header h2{margin:0}.cycle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.cycle-card-wrapper{display:flex;flex-direction:column}.cycle-card{background:#fff;border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;transition:box-shadow .2s;display:flex;flex-direction:column;height:100%}.cycle-card:hover{box-shadow:0 4px 12px #00000014}.cycle-card--current{background:#16a34a0f;border-left:4px solid var(--success);box-shadow:0 0 0 1px #16a34a26,0 2px 8px #16a34a14}.cycle-card-header{padding:.75rem 1rem;background:var(--bg-color);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.week-date{font-size:.85rem;font-weight:600}.cycle-card-body{padding:.75rem 1rem;font-size:.875rem;flex:1;min-height:80px}.cycle-card-body p{margin:0 0 .75rem}.card-actions{display:flex;gap:.4rem;flex-wrap:wrap}.cycle-card-footer{padding:.5rem 1rem;border-top:1px solid var(--border-light);display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.btn-sm{padding:.3rem .65rem;font-size:.8rem;border-radius:.4rem;width:auto}.container{max-width:960px;margin:0 auto;padding:0 1rem}h1,h2,h3{margin-top:0;font-weight:600}.card,.cycle-manager,.availability-card{background:var(--surface);padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.form-group{margin-bottom:1.5rem}label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-main)}select,input[type=text],input[type=number],input[type=time],input[type=tel]{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:.5rem;font-size:1rem;background:var(--bg-color);transition:border-color .2s;box-sizing:border-box}select:focus,input:focus{outline:none;border-color:var(--primary);ring:2px solid var(--primary)}.days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.day-card{border:1px solid var(--border-light);padding:1rem;border-radius:.75rem;background:var(--surface);transition:background-color .3s ease}.day-card[data-unavailable=true]{background:var(--danger-light);border-color:var(--danger);opacity:.8}.day-card h3{font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer;margin-bottom:1rem}.time-inputs{border-top:1px solid var(--border-light);padding-top:.75rem}.time-row{display:flex;align-items:center;gap:.5rem}.time-row span{color:var(--text-muted);font-size:.875rem}.time-picker-wrap select{width:auto;padding:.3rem .4rem;font-size:.82rem}button{cursor:pointer;font-family:inherit;font-weight:500}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;transition:background .2s;width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{background:var(--border-light);color:var(--text-muted);cursor:not-allowed}.btn-secondary{background:var(--secondary);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;transition:opacity .2s}.btn-secondary:hover{opacity:.9}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-main);padding:.5rem 1rem;border-radius:.5rem}.btn-outline:hover{background:var(--bg-color)}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1}.ios-toggle{position:relative;display:inline-block;width:44px;height:26px;border-radius:13px;border:none;background:#d1d5db;cursor:pointer;padding:0;flex-shrink:0;transition:background .2s ease}.ios-toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .2s ease}.ios-toggle--on{background:var(--success)}.ios-toggle--on:after{left:21px}.ios-toggle--disabled{opacity:.5;cursor:not-allowed}.user-field-row{display:flex;align-items:center;gap:.75rem}.user-field-row>label{width:8.5rem;min-width:8.5rem;font-size:.78rem;color:var(--text-muted);text-align:right;margin:0;line-height:1.3}.user-field-row input,.user-field-row select{flex:1;background:#fff;padding:.5rem .6rem}@media(max-width:480px){.user-field-row{flex-direction:column;align-items:flex-start;gap:.2rem}.user-field-row>label{width:auto;min-width:auto;text-align:left}}.user-toggle-row{display:flex;align-items:center;gap:.6rem}.user-toggle-row label{font-size:.85rem;font-weight:600;margin:0}.badge-new{background:var(--status-draft);color:#475569}.badge-input{background:var(--status-input);color:#854d0e}.badge-confirm{background:var(--status-ack);color:#9a3412}.badge-live{background:var(--success-light);color:var(--success)}.badge-closed{background:var(--bg-color);color:var(--text-muted)}.badge-permanent{background:var(--success-light);color:var(--success)}.badge-casual{background:#f1f5f9;color:#475569}.badge-admin{background:var(--purple-light);color:var(--purple-dark)}ul{list-style:none;padding:0;margin:0}li{padding:1rem 0;border-bottom:1px solid var(--border-light)}li:last-child{border-bottom:none}.profile-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.profile-details{color:var(--text-muted)}.modal-scroll-body{max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:600px){.app-header-bar{padding:.6rem 1rem}.app-main-content{padding:1rem .75rem}.cycle-grid{grid-template-columns:1fr}.modal-box{border-radius:.75rem}.modal-body{padding:1rem}.btn-primary.btn-sm,.btn-secondary.btn-sm,.btn-outline.btn-sm{padding:.45rem .85rem;font-size:.85rem}.days-grid{grid-template-columns:1fr}}.badge-published{background:var(--status-published-bg);color:var(--status-published-text)}.help-btn{font-weight:700;min-width:32px;padding:.3rem .6rem;border-radius:50%;font-size:.9rem;color:var(--primary);border-color:var(--primary)}.onboarding-modal{max-height:90vh}.onboarding-body{padding:1.25rem}.onboarding-intro{color:var(--text-muted);font-size:.9rem;margin:0 0 1.25rem;line-height:1.5}.onboarding-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.onboarding-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.onboarding-section-title{margin:0 0 .75rem;font-size:.95rem;font-weight:700;color:var(--text-main)}.onboarding-cycle{display:flex;flex-direction:column;gap:0}.onboarding-cycle-step{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0}.onboarding-cycle-step .badge{flex-shrink:0;margin-top:.1rem;min-width:64px;justify-content:center}.onboarding-cycle-desc{font-size:.875rem;line-height:1.5;color:var(--text-main)}.onboarding-cycle-arrow{font-size:1rem;color:var(--text-muted);padding-left:.25rem;line-height:1}.onboarding-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.onboarding-checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:0;border-bottom:none;font-size:.875rem;line-height:1.5}.onboarding-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:.1rem}.onboarding-shifts{display:flex;flex-direction:column;gap:.5rem}.onboarding-shift-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;background:var(--bg-color)}.onboarding-shift-label{font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:.35rem;min-width:72px;text-align:center}.onboarding-shift-e{background:#e0f2fe;color:#0369a1}.onboarding-shift-d{background:var(--purple-light);color:var(--purple-dark)}.onboarding-shift-l{background:#fef3c7;color:#92400e}.onboarding-shift-time{font-size:.875rem;color:var(--text-main)}.onboarding-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.onboarding-tips li{font-size:.875rem;line-height:1.5;color:var(--text-muted);padding:0;border-bottom:none;padding-left:1rem;position:relative}.onboarding-tips li:before{content:"·";position:absolute;left:0;color:var(--primary);font-weight:700}.onboarding-admin-section{background:var(--purple-light);border:1px solid #e0e7ff;border-radius:.75rem;padding:1rem;margin-top:.5rem}.onboarding-tips-box{margin-top:1rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid var(--status-input);border-radius:.5rem;font-size:.8rem;color:#78350f;line-height:1.5}.tinyme-logo{height:32px;width:auto;object-fit:contain;display:block}.fbw-trigger{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem .5rem .65rem;background:var(--primary);color:#fff;border:none;border-radius:2rem;font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #3d8f8a66;transition:background .2s,box-shadow .2s,transform .15s;font-family:inherit}.fbw-trigger:hover{background:var(--primary-hover);box-shadow:0 6px 18px #3d8f8a80;transform:translateY(-1px)}.fbw-trigger-icon{width:1rem;height:1rem;flex-shrink:0}.fbw-trigger-label{line-height:1}.fbw-backdrop{z-index:1100}.fbw-modal{max-width:400px}.fbw-form{padding:1.25rem}.fbw-service-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-radius:.4rem;font-size:.8rem;margin-bottom:1rem}.fbw-service-checking{background:#f1f5f9;color:var(--text-muted)}.fbw-service-error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.fbw-retry-btn{flex-shrink:0;background:none;border:1px solid #fca5a5;border-radius:.35rem;color:#b91c1c;font-size:.75rem;font-weight:600;padding:.2rem .55rem;cursor:pointer;font-family:inherit;transition:background .15s}.fbw-retry-btn:hover{background:#fee2e2}.fbw-type-pills{display:flex;gap:.4rem;flex-wrap:wrap}.fbw-pill{padding:.3rem .75rem;border:1px solid var(--border-light);border-radius:2rem;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.fbw-pill:hover{background:var(--bg-color);color:var(--text-main)}.fbw-pill--active{background:var(--primary);border-color:var(--primary);color:#fff}.fbw-pill--active:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.fbw-hint{font-weight:400;color:var(--text-muted);font-size:.82rem}.fbw-textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border-light);border-radius:.5rem;font-size:.9rem;font-family:inherit;background:var(--bg-color);color:var(--text-main);resize:vertical;box-sizing:border-box;transition:border-color .2s;line-height:1.5}.fbw-textarea:focus{outline:none;border-color:var(--primary)}.fbw-field-error{margin:.3rem 0 0;font-size:.78rem;color:var(--danger)}.fbw-submit-error{margin:0 0 .75rem;font-size:.82rem;color:var(--danger);padding:.5rem .75rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:.4rem}.fbw-success{padding:2rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.fbw-success-icon{width:48px;height:48px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700}.fbw-success p{margin:0;color:var(--text-main);font-size:.95rem}