.sp-page{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);max-width:800px;margin:0 auto}.sp-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sp-header-left{display:flex;align-items:center;gap:var(--space-3)}.sp-header h1{font-size:var(--text-xl);font-weight:800}.sp-badge{font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full)}.sp-list{display:flex;flex-direction:column;gap:var(--space-2)}.sp-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--transition-fast)}.sp-card:hover{box-shadow:var(--shadow-sm)}.sp-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4)}.sp-card-name{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.sp-name-text{font-weight:700;font-size:var(--text-base)}.sp-fixed-badge{font-size:.7rem;color:var(--secondary-400);background:var(--secondary-100);padding:1px 8px;border-radius:var(--radius-full);font-weight:600}.sp-card-actions{display:flex;gap:var(--space-1)}.sp-edit-row{display:flex;align-items:center;gap:var(--space-2);width:100%}.sp-edit-row .input-field{flex:1}.sp-profile{padding:var(--space-4);background:var(--surface-2);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-3);animation:fadeIn .2s ease}.sp-profile-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.sp-profile-row label{min-width:90px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.sp-profile-row input[type=checkbox]{accent-color:var(--primary-500)}.sp-unit{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.sp-rates-section{display:flex;flex-direction:column;gap:var(--space-2)}.sp-rates-section>label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.sp-rates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.sp-rate-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.sp-rate-item span{min-width:70px;color:var(--text-secondary)}.sp-rate-item .input-field{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.sp-category-list{display:flex;flex-direction:column;gap:var(--space-1)}.sp-category-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);padding:4px 8px;background:var(--surface-1);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.sp-category-label{flex:1;min-width:100px;color:var(--text-secondary);font-weight:500}.sp-category-row .input-field{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.sp-transport-section{display:flex;flex-direction:column;gap:var(--space-2)}.sp-transport-section>label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.sp-transport-row{display:flex;align-items:center;gap:var(--space-2)}.sp-transport-row .input-field{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.sp-add-row{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px dashed var(--border-color);border-radius:var(--radius-xl)}.sp-add-row .input-field{flex:1}.sp-empty{text-align:center;padding:var(--space-8);color:var(--text-tertiary)}@media(max-width:768px){.sp-page{padding:var(--space-3)}.sp-rates-grid{grid-template-columns:1fr 1fr}.sp-transport-row{flex-wrap:wrap;align-items:stretch}.sp-transport-row .input-field{min-width:0}}.sp-cred-section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-1)}.sp-cred-header{margin-bottom:var(--space-1)}.sp-spinner{display:inline-block;width:13px;height:13px;border:2px solid var(--primary-200);border-top-color:var(--primary-500);border-radius:50%;animation:spSpin .6s linear infinite;vertical-align:middle;margin-right:4px}@keyframes spSpin{to{transform:rotate(360deg)}}.sp-shifts-section{display:flex;flex-direction:column;gap:var(--space-1)}.sp-shifts-list{display:flex;flex-direction:column;gap:4px}.sp-shift-item{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);flex-wrap:wrap}.sp-shift-day{font-weight:700;font-size:11px;background:var(--primary-100);color:var(--primary-700);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;min-width:28px;text-align:center}.sp-shift-info{display:flex;align-items:center;gap:6px;color:var(--text-secondary);flex-shrink:0}.sp-shift-time{display:inline-flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;white-space:nowrap}.sp-shift-subject{font-weight:600;color:var(--text-primary);white-space:nowrap}.sp-shift-loc{display:inline-flex;align-items:center;gap:2px;color:var(--text-tertiary);font-size:10px;white-space:nowrap}.sp-shift-students{display:flex;flex-wrap:wrap;gap:3px;margin-left:auto}.sp-shift-student-tag{font-size:10px;font-weight:500;background:var(--secondary-100);color:var(--secondary-700);padding:1px 7px;border-radius:var(--radius-full);white-space:nowrap}