.pill-nav-container{position:fixed;top:1.5em;right:2.5rem;z-index:99;transition:transform .35s ease,opacity .35s ease}.pill-nav-container.is-hidden{transform:translateY(-160%);opacity:0;pointer-events:none}@media (max-width: 768px){.pill-nav-container{position:fixed;top:1.25rem;right:1.25rem;left:auto;width:auto;max-width:calc(100vw - 7.5rem);z-index:100}.pill-nav{width:auto;justify-content:flex-end;padding:0;background:transparent}.pill-list{gap:.3rem;flex-wrap:nowrap}.pill{padding:.35rem .55rem;font-size:.74rem;letter-spacing:.03em}}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:transparent;border-radius:0;padding:0;box-shadow:none}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:0;background:transparent;padding:6px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;margin-right:8px;box-shadow:none;cursor:pointer}.pill-logo img{width:100%;height:100%;object-fit:contain;display:block}.pill-list{list-style:none;display:flex;align-items:center;gap:1rem;margin:0;padding:0;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:.5rem 1rem;background:transparent;color:var(--text-white, #FFFFFF);text-decoration:none;border-radius:0;box-sizing:border-box;font-weight:700;font-size:.85rem;font-family:var(--font-display, "Space Grotesk", sans-serif);line-height:1;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer;position:relative;border:none;outline:none;transition:.4s;z-index:1}.pill:before{content:"";position:absolute;width:0;height:4px;background-color:#a6a6a6;bottom:0;left:0;transition:width .4s}.pill:hover{color:#a6a6a6}.pill:hover:before{width:100%}.pill.is-active{background:transparent;color:var(--accent-cream, #F5E6C8)}.pill.is-active:before{width:100%;background-color:var(--accent-cream, #F5E6C8)}.nav-active-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--bg-dark, #0F212A);margin-right:.4em;flex-shrink:0}.dashboard-app-root{min-height:100vh;background-color:var(--bg-dark);color:var(--text-white);display:flex;flex-direction:column}.dashboard-app-main{flex:1;padding:2rem 0 4rem}.dashboard-app-container{max-width:1080px;margin:0 auto;padding:0 1.5rem}.dashboard-app-nav{position:sticky;top:0;z-index:90;background:var(--bg-dark);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dashboard-nav-inner{max-width:1280px;margin:0 auto;padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.dashboard-nav-brand{display:flex;align-items:center;gap:.65rem;cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-nav-logo{font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:.08em;color:var(--text-white);text-transform:uppercase}.dashboard-nav-badge{font-size:.72rem;font-weight:700;color:var(--accent-cream);letter-spacing:.06em}.dashboard-nav-tabs{display:flex;align-items:center;gap:.4rem}.dashboard-tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;background:transparent;color:var(--text-white, #FFFFFF);border:none;font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;position:relative;transition:.4s;outline:none}.dashboard-tab-btn:before{content:"";position:absolute;width:0;height:4px;background-color:#a6a6a6;bottom:0;left:0;transition:width .4s}.dashboard-tab-btn:hover{color:#a6a6a6}.dashboard-tab-btn:hover:before{width:100%}.dashboard-tab-btn--active{background:transparent;color:var(--accent-cream, #F5E6C8)}.dashboard-tab-btn--active:before{width:100%;background-color:var(--accent-cream, #F5E6C8)}.dashboard-tab-badge{font-size:.7rem;font-weight:700;padding:.1rem .4rem;background:#10212a4d;color:inherit;border:1px solid currentColor}.dashboard-nav-actions{display:flex;align-items:center;gap:.75rem}.dashboard-nav-schedule-btn{display:inline-flex;align-items:center;padding:.5rem 1.1rem;background:transparent;color:var(--accent-cream);border:1px solid var(--accent-cream);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:all .2s ease}.dashboard-nav-schedule-btn:hover{background:var(--accent-cream);color:var(--bg-dark)}.dashboard-nav-exit-btn{padding:.5rem .85rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:all .2s ease}.dashboard-nav-exit-btn:hover{color:var(--text-white);border-color:var(--accent-cream)}.dashboard-nav-mobile-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);color:var(--text-white);padding:.4rem .65rem;font-size:1.1rem;cursor:pointer}.dashboard-nav-mobile-drawer{display:none;background:var(--bg-dark-secondary);border-bottom:1px solid var(--border-subtle);padding:1rem}.dashboard-nav-mobile-list{display:flex;flex-direction:column;gap:.5rem}.dashboard-mobile-tab-btn{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--bg-dark);color:var(--text-white);border:1px solid var(--border-subtle);font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;cursor:pointer}.dashboard-mobile-tab-btn--active{background:var(--accent-cream);color:var(--bg-dark);border-color:var(--accent-cream)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.75rem;gap:1rem;flex-wrap:wrap}.dashboard-greeting{font-family:var(--font-display);font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:800;color:var(--text-white);text-transform:uppercase;line-height:1.15}.dashboard-greeting-sub{font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;margin-top:.25rem}.awareness-indicator{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);padding:.45rem .85rem;border:1px solid var(--border-subtle);background:var(--bg-dark-secondary)}.awareness-dot{width:8px;height:8px;background:var(--accent-cream);display:inline-block}.awareness-dot--active{background:#fd6b00;animation:awareness-pulse 2s ease-in-out infinite}.awareness-dot--imminent{background:#e74c3c;animation:awareness-pulse .8s ease-in-out infinite}@keyframes awareness-pulse{0%,to{opacity:1}50%{opacity:.4}}.next-call-hero{background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);padding:1.75rem 2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.next-call-hero:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-cream)}.next-call-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;gap:1rem}.next-call-label{font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em}.next-call-id{font-size:.68rem;color:#a0c0d099;letter-spacing:.04em}.next-call-main{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center}.next-call-time-block{display:flex;flex-direction:column;gap:.2rem;min-width:180px;border-right:1px solid rgba(58,92,110,.4);padding-right:2rem}.next-call-time{font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:900;color:var(--accent-cream);line-height:1;letter-spacing:-.02em}.next-call-relative{font-size:.82rem;font-weight:700;color:#fd6b00;letter-spacing:.06em;margin-top:.35rem}.next-call-details-block{flex:1;min-width:0}.next-call-title{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:800;color:var(--text-white);text-transform:uppercase;line-height:1.25}.next-call-meta{display:flex;align-items:center;gap:.85rem;margin-top:.6rem;flex-wrap:wrap}.next-call-day{font-size:.8rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em}.next-call-notes{font-family:var(--font-body);font-size:.82rem;color:var(--text-muted);margin-top:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.next-call-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(58,92,110,.3);display:flex;justify-content:flex-end}.next-call-action-btn{background:transparent;border:1px solid rgba(245,230,200,.4);color:var(--accent-cream);padding:.45rem .9rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.next-call-action-btn:hover{background:var(--accent-cream);color:var(--bg-dark);border-color:var(--accent-cream)}.dashboard-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.75rem}.stat-card{background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);padding:1.35rem 1.6rem}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.stat-card-label{font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em}.stat-card-link-btn{background:transparent;border:none;color:var(--accent-cream);font-size:.7rem;font-weight:700;cursor:pointer;padding:0;letter-spacing:.04em;opacity:.85;transition:opacity .15s ease}.stat-card-link-btn:hover{opacity:1;text-decoration:underline}.stat-card-value{font-size:1.65rem;font-weight:900;color:var(--text-white);line-height:1.1}.stat-card-value .unit{font-size:.8rem;color:var(--text-muted);font-weight:700;margin-left:.3rem}.stat-card-sub{font-size:.72rem;color:var(--text-muted);margin-top:.6rem;letter-spacing:.04em}.allowance-bar-track{width:100%;height:6px;background:#f5e6c81a;margin-top:.6rem;overflow:hidden}.allowance-bar-fill{height:100%;background:var(--accent-cream);transition:width .5s ease}.dashboard-overview-cta-row{display:flex;justify-content:center;margin-top:.5rem}.dashboard-primary-schedule-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1.1rem 3.5rem;background:var(--accent-cream);color:var(--bg-dark);border:1.5px solid var(--accent-cream);font-size:.95rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:all .2s ease;min-width:280px}.dashboard-primary-schedule-btn:hover{background:transparent;color:var(--accent-cream)}.btn-plus-icon{font-size:1.25rem;font-weight:400;line-height:1}.dashboard-subview-container{padding-bottom:2rem}.subview-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);gap:1rem;flex-wrap:wrap}.subview-label{font-size:.72rem;font-weight:700;color:var(--accent-cream);letter-spacing:.08em}.subview-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;color:var(--text-white);text-transform:uppercase;line-height:1.1;margin-top:.2rem}.subview-action-btn{display:inline-flex;align-items:center;padding:.7rem 1.4rem;background:var(--accent-cream);color:var(--bg-dark);border:none;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:opacity .15s ease}.subview-action-btn:hover{opacity:.9}.subview-empty-card{padding:4rem 2rem;text-align:center;background:var(--bg-dark-secondary);border:1px solid var(--border-subtle)}.subview-empty-icon{font-size:2.5rem;color:var(--text-muted);opacity:.5;margin-bottom:1rem}.subview-empty-title{font-size:1.3rem;font-weight:800;color:var(--text-white);text-transform:uppercase}.subview-empty-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);max-width:400px;margin:.5rem auto 1.5rem;line-height:1.5}.calls-view-content{display:flex;flex-direction:column;gap:2rem}.calls-timeline-section,.calls-upcoming-section{background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);padding:1.75rem 2rem}.history-filter-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.history-filter-btn{padding:.45rem .9rem;background:var(--bg-dark-secondary);color:var(--text-muted);border:1px solid var(--border-subtle);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:all .15s ease}.history-filter-btn:hover{color:var(--text-white);border-color:var(--accent-cream)}.history-filter-btn--active{background:var(--accent-cream);color:var(--bg-dark);border-color:var(--accent-cream)}.history-detailed-list{display:flex;flex-direction:column;gap:.85rem}.history-card{background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);padding:1.35rem 1.6rem;transition:border-color .15s ease}.history-card:hover{border-color:#f5e6c84d}.history-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;gap:1rem;flex-wrap:wrap}.history-card-badges{display:flex;align-items:center;gap:.65rem}.history-card-time{font-size:.78rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em}.history-card-id{font-size:.68rem;color:#a0c0d080;letter-spacing:.04em}.history-card-title{font-size:1.05rem;font-weight:800;color:var(--text-white);text-transform:uppercase}.history-card-notes{margin-top:.45rem;font-size:.78rem;color:var(--text-muted);line-height:1.4}.notes-label{color:var(--accent-cream);font-weight:700}.subscription-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.subscription-card{background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);padding:1.75rem;display:flex;flex-direction:column}.subscription-card-header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;margin-bottom:1rem}.subscription-plan-title{font-size:1.8rem;font-weight:900;color:var(--text-white);text-transform:uppercase}.subscription-plan-price{font-size:1.4rem;font-weight:800;color:var(--accent-cream);margin-top:.25rem}.subscription-plan-price .unit{font-size:.8rem;color:var(--text-muted)}.subscription-plan-meta{margin-top:1.25rem;display:flex;flex-direction:column;gap:.4rem;font-size:.75rem;color:var(--text-muted);line-height:1.5}.subscription-card-footer{margin-top:auto;padding-top:1.5rem}.badge-status{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:0;font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase}.badge-called{background:#2ecc711f;color:var(--accent-green, #2ECC71);border:1px solid rgba(46,204,113,.25)}.badge-missed{background:#e74c3c1f;color:var(--accent-red, #E74C3C);border:1px solid rgba(231,76,60,.25)}.schedule-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background-color:#10212ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.schedule-modal{max-width:500px;width:100%;padding:2.5rem;background:var(--bg-card, #1C3644);border:1px solid var(--border-subtle);position:relative;box-shadow:none}.schedule-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;transition:color .15s ease}.schedule-modal-close:hover{color:var(--text-white)}.timeline-container{margin-bottom:0}.timeline-empty{padding:2rem;text-align:center;background:var(--bg-dark);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted)}.timeline-row{display:flex;align-items:stretch;min-height:52px}.timeline-time{width:80px;flex-shrink:0;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--text-muted);padding-top:.85rem;text-align:right;padding-right:1.25rem}.timeline-track{width:24px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;position:relative}.timeline-dot{width:10px;height:10px;background:var(--border-subtle);margin-top:.95rem;flex-shrink:0;position:relative;z-index:1}.timeline-dot--next{background:var(--accent-cream);width:12px;height:12px}.timeline-dot--called{background:var(--accent-green, #2ECC71)}.timeline-dot--missed{background:var(--accent-red, #E74C3C)}.timeline-line{flex:1;width:1px;background:var(--border-subtle)}.timeline-content{flex:1;padding:.65rem 0 .65rem 1rem;border-bottom:1px solid rgba(36,70,86,.4)}.timeline-content-title{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text-white);text-transform:uppercase}.timeline-content-title--next{color:var(--accent-cream)}.timeline-content-status{font-family:var(--font-mono);font-size:.72rem;font-weight:700;margin-top:.2rem;letter-spacing:.04em}.call-ticket{background:var(--bg-dark);border:1px solid var(--border-subtle);padding:1.35rem 1.6rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;transition:border-color .15s ease;flex-wrap:wrap}.call-ticket:hover{border-color:#f5e6c84d}.call-ticket-content{flex:1;min-width:200px}.call-ticket-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.35rem;flex-wrap:wrap}.call-ticket-title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--text-white);text-transform:uppercase;line-height:1.3}.call-ticket-notes{font-family:var(--font-body);font-size:.82rem;color:var(--text-muted);margin-top:.35rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.call-ticket-time{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em}.call-ticket-id{font-family:var(--font-mono);font-size:.68rem;color:#a0c0d080;letter-spacing:.04em;margin-top:.4rem}.call-ticket-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.call-ticket-btn{background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);color:var(--text-muted);padding:.45rem .8rem;font-family:var(--font-mono);font-size:.72rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all .15s ease}.call-ticket-btn:hover{border-color:var(--accent-cream);color:var(--accent-cream)}.call-ticket-btn--danger{border-color:#e74c3c66;color:#e74c3ccc}.call-ticket-btn--danger:hover{border-color:var(--accent-red, #E74C3C);color:var(--accent-red, #E74C3C)}.call-ticket-confirm{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--accent-red, #E74C3C);font-weight:700}.upcoming-calls-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-section-label{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;margin-bottom:1rem}@media (max-width: 900px){.next-call-main{grid-template-columns:1fr;gap:1.25rem}.next-call-time-block{border-right:none;padding-right:0;border-bottom:1px solid rgba(58,92,110,.4);padding-bottom:1rem}.subscription-details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-app-main{padding-top:1.25rem}.dashboard-app-container{padding:0 1rem}.dashboard-nav-tabs{display:none}.dashboard-nav-mobile-toggle,.dashboard-nav-mobile-drawer{display:block}.dashboard-stats-row{grid-template-columns:1fr}.dashboard-primary-schedule-btn{width:100%}.calls-timeline-section,.calls-upcoming-section,.next-call-hero{padding:1.25rem}}@media (max-width: 480px){.dashboard-nav-inner{padding:.75rem 1rem}.dashboard-nav-schedule-btn{display:none}.timeline-time{width:60px;font-size:.72rem}.dashboard-greeting{font-size:1.3rem}}@media (prefers-reduced-motion: reduce){.awareness-dot--active,.awareness-dot--imminent{animation:none}.view-fade-enter,.dashboard-slide-up{animation:none!important;transform:none!important}}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:0;overflow:hidden}:root{--bg-dark: #10212A;--bg-dark-secondary: #162C37;--bg-card: #1C3644;--bg-card-hover: #224252;--accent-cream: #F5E6C8;--accent-green: #2ECC71;--accent-red: #E74C3C;--text-white: #FFFFFF;--text-muted: #8EA8B6;--text-mono: #A0C0D0;--border-subtle: #244656;--font-display: "Space Grotesk", -apple-system, sans-serif;--font-mono: "Space Mono", monospace;--font-body: "Inter", -apple-system, sans-serif;--radius-card: 0px;--radius-button: 0px}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--bg-dark);color:var(--text-white);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.font-mono{font-family:var(--font-mono);letter-spacing:-.02em}.font-display{font-family:var(--font-display)}.text-cream{color:var(--accent-cream)}.text-muted{color:var(--text-muted)}.container-wide{max-width:1320px;margin:0 auto;padding-left:2rem;padding-right:2rem}.container-narrow{max-width:900px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.ringly-card{background:var(--bg-dark-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:2.5rem}.nav-link-btn{text-decoration:none;position:relative;transition:all .3s ease-in-out;border:solid 1px #A6A6A6;background:transparent;color:var(--text-white);padding:.5rem 1.1rem;font-size:.78rem;font-family:var(--font-display);font-weight:700;letter-spacing:.05em;border-radius:0;cursor:pointer;z-index:1;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;outline:none}.nav-link-btn:before{content:"";position:absolute;background:#a6a6a6;width:0;height:100%;left:0;top:0;z-index:-1;transition:width .3s ease-in-out}.nav-link-btn:hover{color:#000;border-color:#a6a6a6;z-index:1}.nav-link-btn:hover:before{width:100%}.nav-link-btn.active{background:#a6a6a6;color:#000;border-color:#a6a6a6}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-cream);color:var(--bg-dark);font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;padding:1rem 2rem;border-radius:var(--radius-button);border:none;cursor:pointer;transition:opacity .15s ease,transform .15s ease;text-decoration:none}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-white);font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;padding:.95rem 1.8rem;border-radius:var(--radius-button);border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-secondary:hover{border-color:var(--accent-cream);color:var(--accent-cream)}.button-borders{position:relative;display:inline-block;width:fit-content;height:fit-content}.button-borders:before{content:"";position:absolute;width:calc(100% + .6em);height:50%;left:-.3em;top:-.3em;border:1px solid var(--accent-cream, #F5E6C8);border-bottom:0px;opacity:.7;pointer-events:none}.button-borders:after{content:"";position:absolute;width:calc(100% + .6em);height:50%;left:-.3em;bottom:-.3em;border:1px solid var(--accent-cream, #F5E6C8);border-top:0px;opacity:.7;z-index:0;pointer-events:none}.primary-button{font-family:var(--font-display, "Space Grotesk", sans-serif);color:var(--text-white, #FFFFFF);cursor:pointer;font-size:1.05rem;font-weight:800;letter-spacing:.08rem;text-transform:uppercase;border:1.5px solid var(--accent-cream, #F5E6C8);padding:1rem 4.5rem;min-width:260px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 531.28 200'%3E%3Cdefs%3E%3Cstyle%3E .shape %7B fill: %23F5E6C8; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='shape' points='415.81 200 0 200 115.47 0 531.28 0 415.81 200' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-color:var(--bg-dark, #0F212A);background-size:200%;background-position:200%;background-repeat:no-repeat;transition:.35s ease-in-out;transition-property:background-position,border,color;position:relative;z-index:1;border-radius:0;outline:none;display:inline-flex;align-items:center;justify-content:center}.primary-button:hover{border:1.5px solid var(--accent-cream, #F5E6C8);color:var(--bg-dark, #0F212A);background-position:40%}.ringly-auth-btn{font-family:var(--font-mono, "Space Mono", monospace);color:var(--text-white, #FFFFFF);cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--accent-cream, #F5E6C8);padding:1rem 2rem;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 531.28 200'%3E%3Cdefs%3E%3Cstyle%3E .shape %7B fill: %23F5E6C8; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='shape' points='415.81 200 0 200 115.47 0 531.28 0 415.81 200' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-color:var(--bg-dark, #0F212A);background-size:200%;background-position:200%;background-repeat:no-repeat;transition:.3s ease-in-out;transition-property:background-position,border,color;position:relative;border-radius:0;outline:none;display:inline-flex;align-items:center;justify-content:center}.ringly-auth-btn:hover{border:1.5px solid var(--accent-cream, #F5E6C8);color:var(--bg-dark, #0F212A);background-position:40%}.primary-button:before{content:"";position:absolute;background-color:var(--bg-dark, #0F212A);width:.35rem;height:.35rem;top:-1px;left:-1px;transition:background-color .15s ease-in-out}.primary-button:hover:before{background-color:var(--accent-cream, #F5E6C8)}.primary-button:after{content:"";position:absolute;background-color:var(--accent-cream, #F5E6C8);width:.4rem;height:.4rem;bottom:-1px;right:-1px;transition:background-color .15s ease-in-out}.primary-button:hover:after{background-color:var(--bg-dark, #0F212A)}.custom-checkbox-container{display:inline-flex;align-items:flex-start;gap:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox{width:20px;height:20px;border:1.5px solid var(--border-subtle);border-radius:0;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;margin-top:2px;transition:all .15s ease;flex-shrink:0}.custom-checkbox-container:hover .custom-checkbox{border-color:var(--accent-cream)}.custom-checkbox.checked{background-color:var(--accent-cream);border-color:var(--accent-cream)}.custom-checkbox-icon{width:12px;height:12px;stroke:var(--bg-dark);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .15s ease}.custom-checkbox.checked .custom-checkbox-icon{opacity:1}.badge-status{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase}.custom-pill-option{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background-color:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:all .15s ease}.custom-pill-option:hover{border-color:var(--accent-cream)}.custom-pill-option.active{border-color:var(--accent-cream);background-color:var(--bg-card)}.badge-scheduled{background:#f5e6c81f;color:var(--accent-cream);border:1px solid rgba(245,230,200,.25)}.badge-called{background:#2ecc711f;color:var(--accent-green);border:1px solid rgba(46,204,113,.25)}.badge-missed{background:#e74c3c1f;color:var(--accent-red);border:1px solid rgba(231,76,60,.25)}.badge-inventory{background:#9b59b61f;color:#9b59b6;border:1px solid rgba(155,89,182,.25)}.ringly-input{width:100%;background-color:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:0;color:var(--text-white);font-family:var(--font-body);font-size:.92rem;padding:.85rem 1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ringly-input:focus{border-color:var(--accent-cream);box-shadow:none}.ringly-input::placeholder{color:var(--text-muted);opacity:.7}.section-spacing{padding-top:4.5rem;padding-bottom:4.5rem}.section-spacing-lg{padding-top:6.5rem;padding-bottom:6.5rem}.view-fade-enter{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:0}.btn-96,.btn-96 *,.btn-96 :after,.btn-96 :before,.btn-96:after,.btn-96:before{border:0 solid;box-sizing:border-box}.btn-96{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:var(--bg-dark);background-image:none;color:var(--text-white);cursor:pointer;font-family:var(--font-display);font-size:100%;line-height:1.5;margin:0;padding:0}.btn-96:disabled{cursor:default}.btn-96:-moz-focusring{outline:auto}.btn-96 svg{display:block;vertical-align:middle}.btn-96 [hidden]{display:none}.btn-96{box-sizing:border-box;display:block;font-weight:900;-webkit-mask-image:none;padding:1.4rem 5rem;perspective:800px;position:relative;text-transform:uppercase;transform-style:preserve-3d;letter-spacing:.12em}.btn-96 span{background:var(--accent-cream);color:var(--bg-dark);display:grid;top:0;right:0;bottom:0;left:0;place-items:center;position:absolute;transform:rotateX(0);transform-origin:top center;transition:.2s;font-family:var(--font-display);font-weight:900;letter-spacing:.12em}.btn-96:hover span{transform:rotateX(35deg)}.btn-96:after,.btn-96:before{background:var(--bg-dark-secondary);content:"";height:100%;left:0;position:absolute;top:0;transform:rotateX(0);width:100%;z-index:-1}.btn-96:after{background:var(--border-subtle);width:0}.btn-96:hover:after{animation:progress-bar 1.2s}@keyframes progress-bar{0%{opacity:1;width:0}10%{opacity:1;width:15%}25%{opacity:1;width:25%}40%{opacity:1;width:35%}55%{opacity:1;width:75%}60%{opacity:1;width:100%}to{opacity:0;width:100%}}@media (max-width: 768px){.container-wide{padding-left:1rem!important;padding-right:1rem!important}input,button,select,textarea,.ringly-input,.primary-button,.btn-secondary{min-height:44px;touch-action:manipulation}body,#root{overflow-x:hidden;width:100%}.primary-button{min-width:unset;width:100%;padding:1rem 1.5rem;font-size:.92rem}.button-borders{width:100%}.button-borders:before,.button-borders:after{width:calc(100% + .4em);left:-.2em}.btn-96{padding:1.2rem 2.5rem;font-size:90%;width:100%}.ringly-card{padding:1.5rem 1.25rem}.ringly-auth-btn{padding:.85rem 1rem;font-size:.82rem}.section-spacing{padding-top:3rem;padding-bottom:3rem}.section-spacing-lg{padding-top:4rem;padding-bottom:4rem}}@media (max-width: 375px){.btn-96{padding:1rem 1.5rem;font-size:85%}.primary-button{padding:.85rem 1rem;font-size:.85rem}}.form{--background: #162C37;--input-focus: #F5E6C8;--font-color: #FFFFFF;--font-color-sub: #8EA8B6;--bg-color: #10212A;--main-color: #F5E6C8;padding:24px;background:var(--background);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;border-radius:5px;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);width:100%}.form>p{font-family:var(--font-display, "Space Grotesk", sans-serif);color:var(--font-color);font-weight:700;font-size:20px;margin-bottom:5px;display:flex;flex-direction:column}.form>p>span{font-family:var(--font-mono, "Space Mono", monospace);color:var(--font-color-sub);font-weight:600;font-size:15px}.separator{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.separator>div{flex:1;height:2px;border-radius:5px;background-color:var(--font-color-sub)}.separator>span{color:var(--font-color-sub);font-family:var(--font-mono, "Space Mono", monospace);font-weight:600;font-size:.75rem}.oauthButton{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 15px;width:100%;height:44px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:15px;font-weight:700;font-family:var(--font-mono, "Space Mono", monospace);color:var(--font-color);cursor:pointer;transition:all .25s;position:relative;overflow:hidden;z-index:1}.oauthButton:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:var(--main-color);z-index:-1;-webkit-box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);box-shadow:4px 8px 19px -3px #00000045;transition:all .25s}.oauthButton:hover{color:var(--bg-color)}.oauthButton:hover:before{width:100%}.form input{width:100%;height:44px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:15px;font-weight:600;color:var(--font-color);padding:5px 12px;outline:none}.form input:focus{border-color:var(--input-focus)}.icon{width:1.25rem;height:1.25rem}
