:root{color:#1f2937;background-color:#f3f4f6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:380px;padding:2rem;display:flex;box-shadow:0 4px 16px #00000014}.auth-logo{width:72px;height:72px;margin:0 auto .5rem;display:block}.auth-card h1{color:#111827;text-align:center;margin:0;font-size:1.75rem}.auth-subtitle{text-align:center;color:#6b7280;margin:.25rem 0 1.5rem;font-size:.95rem}.auth-card label{margin-bottom:.25rem;font-size:.875rem;font-weight:600}.auth-card input{border:1px solid #d1d5db;border-radius:8px;margin-bottom:1rem;padding:.6rem .75rem;font-size:1rem}.auth-card input:focus{border-color:#2563eb;outline:2px solid #2563eb}.auth-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.65rem;font-size:1rem;font-weight:600}.auth-card button:hover{background:#1d4ed8}.auth-card button:disabled{cursor:default;background:#93c5fd}.auth-error{color:#dc2626;margin:0 0 1rem;font-size:.875rem}.auth-link{cursor:pointer;border:none;margin-top:.75rem;text-decoration:underline;color:#6b7280!important;background:0 0!important;font-size:.875rem!important;font-weight:400!important}.mfa-steps{color:#374151;margin:0 0 1rem;padding-left:1.25rem;font-size:.9rem}.mfa-steps li{margin-bottom:.4rem}.mfa-qr{border:1px solid #e5e7eb;border-radius:8px;width:200px;height:200px;margin:0 auto .75rem}.mfa-secret{color:#6b7280;text-align:center;word-break:break-all;margin:0 0 1rem;font-size:.8rem}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.app-logo{color:#111827;font-size:1.15rem;font-weight:700}.app-user{color:#6b7280;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.app-user button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.4rem .9rem;font-size:.875rem}.app-user button:hover{background:#f3f4f6}.app-main{max-width:960px;margin:0 auto;padding:2rem 1.25rem}.app-nav{align-items:center;gap:1.5rem;display:flex}.app-nav nav{gap:1rem;display:flex}.app-nav nav a{color:#6b7280;border-radius:6px;padding:.25rem .5rem;font-size:.95rem;text-decoration:none}.app-nav nav a.active{color:#2563eb;background:#eff6ff;font-weight:600}.page-toolbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-toolbar h2{margin:0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.55rem 1rem;font-size:.95rem;font-weight:600}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{cursor:default;background:#93c5fd}.form-row{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.form-field{flex-direction:column;flex:200px;display:flex}.form-field label{margin-bottom:.25rem;font-size:.85rem;font-weight:600}.form-field input{border:1px solid #d1d5db;border-radius:8px;padding:.55rem .7rem;font-size:.95rem}.form-field input:focus{border-color:#2563eb;outline:2px solid #2563eb}.search-input{border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:1rem;padding:.6rem .75rem;font-size:.95rem}.search-input:focus{border-color:#2563eb;outline:2px solid #2563eb}.muted{color:#6b7280;font-size:.9rem}.table-card{padding:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.95rem}.data-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #e5e7eb;padding:.75rem 1rem;font-size:.8rem}.data-table td{vertical-align:top;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}.data-table tr:last-child td{border-bottom:none}.cell-name{color:#111827;font-weight:600}.status-select{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.3rem .5rem;font-size:.85rem;font-weight:600}.status-select[data-status=novi]{color:#1d4ed8;background:#eff6ff}.status-select[data-status=aktivan]{color:#047857;background:#ecfdf5}.status-select[data-status=pauziran]{color:#b45309;background:#fffbeb}.status-select[data-status=zavrsen]{color:#4b5563;background:#f3f4f6}.client-link{color:#111827;text-decoration:none}.client-link:hover{color:#2563eb;text-decoration:underline}.back-link{color:#6b7280;margin-bottom:.75rem;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{color:#2563eb}.tabs{border-bottom:2px solid #e5e7eb;gap:.25rem;margin-bottom:1rem;display:flex;overflow-x:auto}.tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.55rem 1rem;font-size:.95rem}.tab:hover{color:#111827}.tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.form-field select,.form-field textarea{border:1px solid #d1d5db;border-radius:8px;padding:.55rem .7rem;font-family:inherit;font-size:.95rem}.form-field textarea{resize:vertical}.form-field select:focus,.form-field textarea:focus{border-color:#2563eb;outline:2px solid #2563eb}.form-card .form-field+.form-field,.form-card>.form-field{margin-bottom:1rem}.form-actions{align-items:center;gap:.75rem;display:flex}.saved-msg{color:#047857;font-size:.9rem;font-weight:600}.card-title{color:#111827;margin:0 0 1rem;font-size:1.05rem}.btn-delete{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .4rem;font-size:1rem}.btn-delete:hover{color:#dc2626;background:#fef2f2}.form-hint{margin:-.5rem 0 1rem}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:1rem;padding:.45rem .9rem;font-size:.9rem}.btn-secondary:hover{background:#f3f4f6}.test-rows{margin-bottom:.75rem}.test-row{border-bottom:1px solid #f3f4f6;grid-template-columns:1.4fr 110px 140px 1.2fr;align-items:center;gap:.5rem;padding:.3rem 0;display:grid}.test-row-head{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;border-bottom:2px solid #e5e7eb;font-size:.75rem;font-weight:600}.test-name{color:#111827;font-size:.9rem}.test-row input,.test-row select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.4rem .5rem;font-size:.85rem}.test-row input:focus,.test-row select:focus{border-color:#2563eb;outline:2px solid #2563eb}@media (width<=640px){.test-row{grid-template-columns:1fr 1fr}.test-row-head{display:none}.test-row .test-name,.test-row input:first-child{grid-column:1/-1}}.journal-date{flex:0 180px}.journal-list{flex-direction:column;gap:.75rem;display:flex}.journal-entry{margin-bottom:0}.journal-entry-head{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.journal-entry-date{color:#111827;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.journal-channel{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600}.journal-entry-text{white-space:pre-wrap;color:#374151;margin:0;font-size:.95rem}.exercise-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.exercise-card{flex-direction:column;margin-bottom:0;padding:0;display:flex;overflow:hidden}.exercise-thumb{aspect-ratio:16/9;cursor:pointer;background:#f3f4f6;border:none;width:100%;padding:0;display:block;position:relative}.exercise-thumb img{object-fit:cover;width:100%;height:100%;display:block}.exercise-thumb-empty{cursor:default;justify-content:center;align-items:center;display:flex}.play-badge{color:#fff;text-shadow:0 2px 8px #0009;justify-content:center;align-items:center;font-size:2.2rem;display:flex;position:absolute;inset:0}.exercise-thumb:hover .play-badge{color:#93c5fd}.exercise-video{aspect-ratio:16/9;border:none;width:100%;display:block}.exercise-body{flex-direction:column;flex:1;padding:.9rem 1rem 1rem;display:flex}.exercise-name{color:#111827;margin:0 0 .25rem;font-size:1rem}.exercise-meta{color:#2563eb;margin:0 0 .5rem;font-size:.8rem;font-weight:600}.exercise-desc{color:#4b5563;white-space:pre-wrap;margin:0 0 .75rem;font-size:.875rem}.exercise-actions{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.exercise-actions .btn-secondary{margin-bottom:0}.btn-link{text-decoration:none;display:inline-block}.builder-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:1rem;display:grid}@media (width<=760px){.builder-grid{grid-template-columns:1fr}}.builder-pane{margin-bottom:0}.picker-list{max-height:420px;overflow-y:auto}.picker-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.picker-item img,.picker-thumb-empty{object-fit:cover;background:#f3f4f6;border-radius:4px;flex-shrink:0;width:56px;height:32px}.picker-name{color:#111827;flex:1;font-size:.9rem}.picker-add{flex-shrink:0;margin-bottom:0;padding:.3rem .6rem;font-size:.8rem}.selected-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.6rem;padding:.6rem .75rem}.selected-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.selected-order{color:#2563eb;font-weight:700}.selected-name{color:#111827;flex:1;font-size:.95rem;font-weight:600}.selected-controls{gap:.15rem;display:flex}.btn-move{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .4rem;font-size:.95rem}.btn-move:hover:not(:disabled){color:#111827;background:#f3f4f6}.btn-move:disabled{opacity:.3;cursor:default}.selected-fields{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.selected-fields input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.35rem .5rem;font-size:.82rem}.selected-fields input:focus{border-color:#2563eb;outline:2px solid #2563eb}.selected-note{grid-column:1/-1}.week-nav{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.week-nav .btn-secondary{margin-bottom:0}.week-label{color:#111827;margin-left:.5rem;font-weight:600}.week-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}@media (width<=900px){.week-grid{grid-template-columns:1fr}}.day-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:.4rem;min-height:120px;padding:.6rem;display:flex}.day-card.today{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.day-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:baseline;padding-bottom:.3rem;display:flex}.day-name{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;font-size:.78rem;font-weight:700}.day-card.today .day-name{color:#2563eb}.day-date{color:#9ca3af;font-size:.78rem}.day-workout{color:#1d4ed8;background:#eff6ff;border-radius:6px;justify-content:space-between;align-items:center;gap:.25rem;padding:.3rem .3rem .3rem .5rem;font-size:.82rem;font-weight:600;display:flex}.day-workout .btn-delete{padding:.1rem .25rem;font-size:.8rem}.day-add{color:#6b7280;cursor:pointer;background:#fafafa;border:1px dashed #d1d5db;border-radius:6px;width:100%;margin-top:auto;padding:.3rem .4rem;font-size:.8rem}.day-add:focus{outline:2px solid #2563eb}.week-block{margin-bottom:1.25rem}.week-block-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.week-block-head h3{color:#111827;margin:0;font-size:1.05rem}.week-block-head .btn-secondary{margin-bottom:0;padding:.3rem .6rem;font-size:.8rem}.assign-panel{margin-top:1.5rem}.assign-clients{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem;max-height:240px;margin:.75rem 0 1rem;display:grid;overflow-y:auto}.assign-client{color:#111827;cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .4rem;font-size:.92rem;display:flex}.assign-client:hover{background:#f3f4f6}.assign-client input{accent-color:#2563eb}.day-workout-actions{align-items:center;gap:.1rem;display:flex}.checkin-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:.1rem .25rem;font-size:.8rem}.checkin-btn:hover{background:#dbeafe}.checkin-btn.done{color:#047857;font-weight:700}.checkin-panel{border:2px solid #2563eb;margin-top:1rem}