.left-nav-card{width:260px;padding:12px;border-radius:16px;background:#fff}.nav-pill{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border-radius:10px;font-weight:600;cursor:pointer;color:#0f172a;background:transparent;border:0;outline:0}.nav-pill i{color:#0f172a;width:18px;text-align:center}.nav-pill + .nav-pill{margin-top:8px}.nav-pill.active{background:#EFF6FF;color:#0b61ff}.nav-pill:focus{outline:none}.big-card{display:flex;flex-direction:column;align-items:stretch;background:#fff;border-radius:18px;padding:18px;margin-bottom:18px;border:1px solid rgba(11,97,255,0.04)}.big-card .card-title{font-size:16px;font-weight:700;color:#0b61ff;display:flex;align-items:center;gap:10px}.big-card .card-title .title-icon{font-size:18px;color:#0b61ff;background:rgba(11,97,255,0.06);padding:6px;border-radius:8px}.big-card .card-sub{font-size:13px;color:#6b7280;margin-top:6px}.big-card .card-content{display:flex;flex-direction:column}.card-chevron{font-size:28px;color:#cbd5e1}.card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}#tab-learning .big-card .card-title, #tab-learning .big-card .card-sub, #tab-learning .control-label, #tab-learning .card-controls select{color:#0f172a}#tab-users .big-card .card-title, #tab-users .big-card .card-sub, #tab-users .control-label, #tab-users .card-controls select{color:#0f172a}.card-desc{font-size:13px;color:#6b7280;margin-top:6px}.card-label{font-size:14px;color:#0f172a;margin-top:10px;font-weight:600}.card-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}#tab-general select, #tab-learning select, #tab-users select{padding:8px 10px;border-radius:10px;border:1px solid #e6eefc;background:#f8fbff;font-size:14px}.switch{position:relative;display:inline-block;width:46px;height:28px}.switch input{display:none}.switch span{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#f1f5ff;border-radius:999px;transition:.18s}.switch span:after{content:'';position:absolute;width:20px;height:20px;left:4px;top:4px;background:#fff;border-radius:50%;transition:.18s}.switch input:checked + span{background:#0b61ff}.switch input:checked + span:after{transform:translateX(18px)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:760px}@media (min-width:769px){
.control-row{max-width:100%}}.control-label{flex:1;color:#0f172a;font-size:14px}.card-controls select, .card-controls .switch{flex:0 0 auto}.big-card.clickable{cursor:pointer;transition:transform .18s}.big-card.clickable:hover{transform:translateY(-6px)}.settings-list-container{
display:flex;
flex-direction:column;
margin-top:6px;
}.settings-list-item{
display:flex;
align-items:center;
justify-content:space-between;
padding:16px 0;
cursor:pointer;
border-bottom:1px solid #f1f5f9;
background:transparent;
}.settings-list-item:last-child{
border-bottom:none;
padding-bottom:0;
}.settings-list-item:first-child{
padding-top:12px;
}.settings-list-item .item-info{
display:flex;
flex-direction:column;
gap:4px;
}.settings-list-item .item-title{
font-size:15px;
font-weight:700;
color:#0f172a;
transition:color 0.15s ease;
}.settings-list-item:hover .item-title{
color:#0b61ff;
}.settings-list-item .item-sub{
font-size:13px;
color:#64748b;
}.settings-list-item .item-action{
display:flex;
align-items:center;
}.settings-list-item .item-chevron{
font-size:14px;
color:#94a3b8;
transition:transform 0.2s ease, color 0.15s ease;
}.settings-list-item:hover .item-chevron{
color:#0b61ff;
transform:translateX(4px);
}.big-card .card-title{
font-size:16px;
font-weight:700;
color:#0b61ff;
display:flex;
align-items:center;
gap:12px;
border-bottom:1px solid #f1f5f9;
padding-bottom:14px;
margin-bottom:4px;
}.big-card .card-title .title-icon-badge{
font-size:14px;
color:#fff;
background:#0b61ff;
width:32px;
height:32px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}.breadcrumb-link{
cursor:pointer;
opacity:0.75;
transition:opacity 0.2s ease, color 0.2s ease;
}.breadcrumb-link:hover{
opacity:1;
color:#eff6ff;
}.breadcrumb-separator{
opacity:0.5;
font-weight:400;
margin:0 10px;
}.breadcrumb-current{
font-weight:700;
}.settings-content-layout{
display:flex;
gap:24px;
align-items:flex-start;
flex-wrap:wrap;
padding:8px;
}.settings-main-col{
flex:1;
min-width:320px;
display:flex;
flex-direction:column;
gap:12px;
}.settings-side-card{
width:340px;
max-width:100%;
background:#ffffff;
padding:20px;
border-radius:16px;
border:1px solid #eef2f6;
display:flex;
flex-direction:column;
gap:16px;
}.settings-section-title{
font-size:15px;
font-weight:700;
color:#0f172a;
margin-bottom:8px;
}.settings-card-title{
font-size:16px;
font-weight:700;
color:#0f172a;
border-bottom:1px solid #f1f5f9;
padding-bottom:12px;
margin-bottom:4px;
}.settings-item-card{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 18px;
border-radius:12px;
border:1px solid #f1f5f9;
background:#f8fafc;
margin-bottom:10px;
transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}.settings-item-card:hover{
border-color:#cbd5e1;
background:#ffffff;
}.settings-item-card .item-name{
font-weight:700;
color:#0f172a;
font-size:14.5px;
}.settings-item-card .item-details{
font-size:12.5px;
color:#64748b;
margin-top:3px;
}.page-section input.form-input, 
.page-section select.form-input,
.page-section select.form-select{
height:40px !important;
border-radius:10px !important;
border:1px solid #cbd5e1 !important;
padding:8px 12px !important;
font-size:14px !important;
background:#ffffff !important;
color:#0f172a !important;
outline:none !important;
box-sizing:border-box !important;
transition:border-color 0.15s ease;
}.page-section input.form-input:focus, 
.page-section select.form-input:focus,
.page-section select.form-select:focus{
border-color:#0b61ff !important;
}.settings-segment-control{
display:inline-flex;
background:#f1f5f9;
padding:4px;
border-radius:12px;
border:1px solid #e2e8f0;
}.settings-segment-btn{
border:none;
background:transparent;
padding:8px 18px;
font-size:13.5px;
font-weight:700;
color:#64748b;
cursor:pointer;
border-radius:9px;
transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}.settings-segment-btn:hover{
color:#0f172a;
}.settings-segment-btn.active{
background:#ffffff !important;
color:#0b61ff !important;
}.settings-item-card{
gap:16px;
}.settings-item-card .item-main-info{
display:flex;
align-items:center;
gap:14px;
min-width:0;
}.settings-item-card .item-icon-wrapper{
font-size:18px;
color:#0b61ff;
background:rgba(11, 97, 255, 0.06);
width:38px;
height:38px;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}.settings-item-card .item-details-row{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-top:5px;
}.settings-item-card .detail-label{
font-size:12px;
color:#64748b;
display:inline-flex;
align-items:center;
gap:6px;
background:#f1f5f9;
padding:3px 8px;
border-radius:6px;
font-weight:500;
}.settings-item-card .detail-label i{
color:#94a3b8;
}.settings-item-card .item-actions-wrapper{
display:flex;
align-items:center;
gap:8px;
flex-shrink:0;
}.date-badge{
background:#e0f2fe;
color:#0369a1;
padding:2px 8px;
border-radius:6px;
font-weight:600;
font-size:11.5px;
}.date-arrow{
color:#cbd5e1;
font-weight:700;
margin:0 2px;
}.page-section .btn-primary{
background:#0b61ff;
color:#ffffff;
border:none;
border-radius:10px;
padding:8px 16px;
font-weight:700;
cursor:pointer;
transition:background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
display:inline-flex;
align-items:center;
gap:6px;
}.page-section .btn-primary:hover{
background:#004ecc;
}.page-section .btn-secondary{
border:1px solid #cbd5e1;
background:#ffffff;
color:#0f172a;
border-radius:8px;
padding:6px 12px;
font-weight:600;
cursor:pointer;
transition:background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
display:inline-flex;
align-items:center;
gap:6px;
}.page-section .btn-secondary:hover{
background:#f8fafc;
border-color:#94a3b8;
}.page-section .btn-danger{
border:none;
background:#fee2e2;
color:#ef4444;
border-radius:8px;
padding:6px 12px;
font-weight:600;
cursor:pointer;
transition:background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
display:inline-flex;
align-items:center;
gap:6px;
}.page-section .btn-danger:hover{
background:#fca5a5;
color:#ffffff;
}.page-section .btn-cancel{
background:#f1f5f9;
color:#64748b;
border:1px solid #e2e8f0;
border-radius:10px;
padding:8px 16px;
font-weight:600;
cursor:pointer;
margin-bottom:10px;
transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}#learning-school-year .white-card,
#learning-journals .white-card,
#learning-subgroups .white-card,
#learning-schedule .white-card,
#schedule-constructor .white-card,
#learning-rooms .white-card,
#learning-subjects .white-card,
#learning-teacher-load .white-card,
#learning-curriculum-plans .white-card{
height:calc(100vh - 60px) !important;
min-height:480px !important;
max-height:900px !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
}#learning-school-year-body,
#learning-journals-body,
#learning-subgroups-body,
#learning-schedule-body,
#schedule-constructor-body,
#learning-rooms-body,
#learning-subjects-body,
#learning-teacher-load-body,
#learning-curriculum-plans-body{
flex:1 !important;
overflow-y:auto !important;
padding:16px !important;
box-sizing:border-box !important;
}