.fp-demo{width:100%;max-width:1400px;padding:0 16px}.fp-demo__chrome{border:1px solid rgba(43,61,169,.12);border-radius:18px;background:hsla(0,0%,100%,.58);box-shadow:0 8px 24px rgba(16,24,40,.06);overflow:hidden}.fp-demo__topbar{min-height:66px;padding:12px 14px;display:flex;justify-content:center;border-bottom:1px solid rgba(43,61,169,.1);background:hsla(0,0%,100%,.45)}.fp-demo__tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px;border-radius:16px;border:1px solid rgba(43,61,169,.12);background:rgba(238,243,255,.72);max-width:100%}.fp-demo__tab{appearance:none;height:36px;padding:0 16px;border:0;border-radius:12px;background:transparent;color:rgba(17,24,39,.75);font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.fp-demo__tab:focus-visible,.fp-demo__tab:hover{color:rgba(17,24,39,.92);outline:none}.fp-demo__tab.is-active{background:#fff;color:#2b3da9;box-shadow:0 2px 8px rgba(16,24,40,.1)}.fp-demo__content{padding:16px}.fp-demo__sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.fp-demo__titleBlock{display:flex;align-items:flex-start;gap:12px;min-width:0}.fp-demo__sectionIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#1b282f;color:#fff;box-shadow:0 8px 20px rgba(27,40,47,.14);flex-shrink:0}.fp-demo__titleBlock h2{margin:0;color:rgba(17,24,39,.92);font-size:1.1rem;line-height:1.2;font-weight:800}.fp-demo__titleBlock p{max-width:720px;margin:4px 0 0;color:rgba(17,24,39,.7);font-size:.9rem;line-height:1.5;font-weight:650}.fp-demo__primaryBtn{height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border-radius:12px;border:1px solid rgba(43,61,169,.15);background:#1b282f;color:#fff;font:inherit;font-size:.88rem;font-weight:750;white-space:nowrap;cursor:pointer;flex-shrink:0}.fp-panel{padding:16px;border:1px solid rgba(43,61,169,.12);border-radius:16px;background:hsla(0,0%,100%,.7);display:grid;gap:14px}.fp-panel__head{color:rgba(17,24,39,.92);font-size:.95rem;font-weight:800}.fp-field{display:grid;gap:6px;min-width:0}.fp-fieldLabel{color:rgba(15,23,42,.78);font-size:.8rem;font-weight:800}.fp-input{min-height:40px;padding:9px 12px;border:1px solid rgba(15,23,42,.14);border-radius:12px;background:hsla(0,0%,100%,.95);display:flex;align-items:center;color:rgba(17,24,39,.92);font-size:.9rem;font-weight:650}.fp-input--area{min-height:58px;align-items:flex-start;line-height:1.45}.fp-input--select{justify-content:space-between}.fp-input.is-placeholder{color:rgba(17,24,39,.45);font-weight:600}.fp-field2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fp-field3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fp-toggleRow{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(43,61,169,.12);border-radius:12px;background:rgba(238,243,255,.5);font:inherit;cursor:pointer}.fp-toggleRow__text{display:grid;gap:3px;min-width:0}.fp-toggleRow__label{display:inline-flex;align-items:center;gap:6px;color:rgba(17,24,39,.92);font-size:.92rem;font-weight:750}.fp-toggleRow__hint{color:rgba(17,24,39,.62);font-size:.82rem;font-weight:600}.fp-switch{flex-shrink:0;width:44px;height:26px;border-radius:999px;background:rgba(15,23,42,.22);position:relative;transition:background .18s ease}.fp-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(2,6,23,.3);transition:transform .18s ease}.fp-switch.is-on{background:#2b3da9}.fp-switch.is-on:after{transform:translateX(18px)}.fp-chips{display:flex;flex-wrap:wrap;gap:8px}.fp-chip{align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:1px solid rgba(37,99,235,.3);background:rgba(37,99,235,.1);color:rgba(17,24,39,.9);font-size:.8rem;font-weight:700}.fp-chip,.fp-seg{display:inline-flex}.fp-seg{padding:4px;gap:4px;border-radius:12px;border:1px solid rgba(43,61,169,.14);background:rgba(238,243,255,.6)}.fp-seg__btn{padding:7px 14px;border:0;border-radius:9px;background:transparent;color:rgba(17,24,39,.7);font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}.fp-seg__btn.is-active{background:#fff;color:#2b3da9;box-shadow:0 2px 6px rgba(16,24,40,.12)}.fp-help{color:rgba(17,24,39,.62);font-size:.82rem;font-weight:600}.fp-list{display:grid;gap:10px}.fp-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06)}.fp-row__main{display:grid;gap:2px;min-width:0;flex:1 1 auto}.fp-row__title{color:rgba(17,24,39,.92);font-size:.94rem;font-weight:750}.fp-row__meta{color:rgba(17,24,39,.62);font-size:.82rem;font-weight:600}.fp-tag{flex-shrink:0;padding:4px 10px;border-radius:999px;background:rgba(43,61,169,.1);color:#2b3da9;font-size:.74rem;font-weight:750}.fp-row__btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:10px;border:1px solid rgba(43,61,169,.2);background:hsla(0,0%,100%,.9);color:rgba(17,24,39,.85);font:inherit;font-size:.84rem;font-weight:750;cursor:pointer}.fp-row__btn--solid{background:#2b3da9;border-color:#2b3da9;color:#fff}.fp-optgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.fp-opt{text-align:left;display:grid;gap:6px;padding:16px;border-radius:16px;border:2px solid rgba(43,61,169,.14);background:hsla(0,0%,100%,.7);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.fp-opt.is-active{border-color:#2b3da9;background:rgba(43,61,169,.06);box-shadow:0 8px 20px rgba(43,61,169,.12)}.fp-opt__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#1b282f;color:#fff}.fp-opt__title{color:rgba(17,24,39,.92);font-size:.98rem;font-weight:800}.fp-opt__text{color:rgba(17,24,39,.66);font-size:.86rem;font-weight:600}.fp-workout-card{padding:16px;border-radius:16px;background:#171717;color:#fff;box-shadow:0 8px 26px rgba(2,6,23,.16)}.fp-workout-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.14)}.fp-workout-card p{margin:12px 0 0;color:hsla(0,0%,100%,.88);font-size:.9rem;font-weight:650}.fp-workout-item{margin-top:10px;padding:12px;border:1px solid hsla(0,0%,100%,.16);border-radius:8px;background:hsla(0,0%,100%,.04);display:grid;gap:4px}.fp-workout-item.is-section{background:hsla(0,0%,100%,.08)}.fp-workout-item strong{font-size:.9rem}.fp-workout-item span{color:hsla(0,0%,100%,.76);font-size:.85rem}.fp-calendar__split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px}.fp-calendar__shell{border:1px solid rgba(43,61,169,.12);border-radius:16px;background:hsla(0,0%,100%,.55);overflow:hidden;align-self:start}.fp-calendar__grid{display:grid;grid-template-columns:60px repeat(5,minmax(0,1fr))}.fp-calendar__head{min-height:40px;padding:8px;display:grid;place-items:center;background:rgba(43,61,169,.06);border-bottom:1px solid rgba(43,61,169,.1);font-size:.82rem;font-weight:650}.fp-calendar__slot,.fp-calendar__time{min-height:46px;border-left:1px solid rgba(43,61,169,.06);border-bottom:1px solid rgba(43,61,169,.06);background:hsla(0,0%,100%,.35)}.fp-calendar__time{padding:0 8px;display:flex;align-items:center;color:rgba(17,24,39,.72);font-size:.78rem;font-weight:650}.fp-calendar__slot.has-event span{margin:5px;min-height:32px;padding:6px 7px;border-radius:10px;border:1px solid rgba(37,99,235,.35);background:rgba(37,99,235,.12);color:rgba(17,24,39,.92);display:flex;align-items:center;font-size:.76rem;font-weight:700}.fp-table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:rgba(17,24,39,.7);font-size:.9rem;font-weight:650}.fp-search{min-height:38px;width:min(360px,100%);padding:0 12px;border:1px solid rgba(43,61,169,.15);border-radius:12px;background:hsla(0,0%,100%,.74);display:inline-flex;align-items:center;gap:8px}.fp-table-card{border:1px solid rgba(43,61,169,.12);border-radius:16px;background:hsla(0,0%,100%,.55);overflow:hidden}.table-scroll{overflow-x:auto}.users-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.users-table thead th{background:rgba(43,61,169,.06);border-bottom:1px solid rgba(43,61,169,.1);color:rgba(17,24,39,.85);font-weight:650;text-align:left;padding:8px;white-space:nowrap}.users-table tbody td{padding:12px 14px;border-bottom:1px solid rgba(43,61,169,.06);color:rgba(17,24,39,.92);vertical-align:middle}.users-table td:last-child,.users-table th:last-child{text-align:right}.col-checkbox{width:44px;text-align:center}.checkbox{width:16px;height:16px;accent-color:#2563eb}.name-stack .name{font-weight:650}.link{color:rgba(37,99,235,.95)}.btn-small{height:32px;padding:0 12px;border-radius:10px;border:1px solid rgba(43,61,169,.15);background:hsla(0,0%,100%,.8);color:rgba(17,24,39,.85);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}.badge{padding:.32rem .5rem;border-radius:12px;border:1px solid rgba(37,99,235,.35);background:rgba(37,99,235,.12);color:rgba(17,24,39,.92);font-size:.75rem;font-weight:650;line-height:1;white-space:nowrap}.fp-coachGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fp-packages-grid,.packages-grid{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.package-card{padding:1rem;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06);display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.package-card__left{flex:1 1 280px;min-width:0}.package-card__title{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.package-card__title h4{margin:0;color:rgba(17,24,39,.92);font-size:.98rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge--active{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.14)}.meta{display:grid;grid-template-columns:max-content 1fr;gap:.25rem .75rem;margin:0}.meta__row{display:contents}.meta__row dt{color:rgba(17,24,39,.62);font-size:.8rem;font-weight:650}.meta__row dd{margin:0;color:rgba(17,24,39,.92);font-size:.88rem;font-weight:650}.package-card__actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}.fp-iconchip{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:10px;border:1px solid rgba(43,61,169,.18);background:hsla(0,0%,100%,.9);color:rgba(17,24,39,.82);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.fp-iconchip--danger{border-color:rgba(239,68,68,.3);color:#b91c1c}.fp-kpiGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.fp-kpi{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(226,232,240,.9);border-radius:14px;background:hsla(0,0%,100%,.78)}.fp-kpi__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.fp-kpi__label{color:#475569;font-size:.8rem;font-weight:650}.fp-kpi__value{color:#0f172a;font-size:1.3rem;font-weight:850}.fp-chartCard{padding:16px;border:1px solid rgba(226,232,240,.9);border-radius:16px;background:hsla(0,0%,100%,.85)}.fp-chartCard__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.fp-chartCard__head h3{margin:0;color:#0f172a;font-size:1rem;font-weight:800}.fp-chartLegend{display:inline-flex;gap:14px}.fp-chartLegend span{display:inline-flex;align-items:center;gap:6px;color:#475569;font-size:.82rem;font-weight:700}.fp-chartLegend i{width:10px;height:10px;border-radius:50%}.fp-chartCard__plot{width:100%;height:260px}.fp-rule-row{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center;margin-top:12px;color:#334155;font-size:.86rem;font-weight:650}.fp-rule-row svg{color:#2b3da9}.fp-upload{display:grid;justify-items:start;gap:6px;padding:18px;border:2px dashed rgba(43,61,169,.25);border-radius:16px;background:rgba(238,243,255,.4)}.fp-upload__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(43,61,169,.1);color:#2b3da9}.fp-upload__title{color:rgba(17,24,39,.92);font-size:.92rem;font-weight:800}.fp-upload__hint{color:rgba(17,24,39,.6);font-size:.82rem;font-weight:600}.fp-upload__btn{margin-top:4px;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;border:1px solid rgba(43,61,169,.25);background:#fff;color:#2b3da9;font-size:.82rem;font-weight:750}@media (max-width:900px){.fp-calendar__split{grid-template-columns:1fr}}@media (max-width:640px){.fp-demo{padding:0 8px}.fp-demo__sectionHead,.fp-table-tools,.package-card{flex-direction:column;align-items:stretch}.fp-coachGrid,.fp-field2,.fp-field3,.fp-kpiGrid,.fp-optgrid{grid-template-columns:1fr}.fp-calendar__grid{grid-template-columns:56px repeat(5,minmax(78px,1fr));overflow-x:auto}}