body{background:#f4f6f9;color:#34495e;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.edu-nav{border-radius:0;border:0;margin-bottom:0;background:#26364a}
.edu-nav .navbar-brand{font-weight:700}
.edu-container{padding:25px 30px}
.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.page-head h2{margin:0;font-weight:700}
.page-head p{margin:6px 0 0;color:#7f8c8d}
.stat-card,.money-card,.mini-card{background:#fff;border-radius:6px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.stat-card span,.money-card span{display:block;color:#7f8c8d;font-size:14px}
.stat-card strong,.money-card strong{display:block;font-size:30px;margin-top:8px;color:#2c3e50}
.stat-card small{color:#aaa}
.money-card.profit{border-right:4px solid #27ae60}
.mini-card b{display:block;font-size:20px;margin-top:8px}
.edu-panel{border:0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.edu-panel .panel-heading{background:#fff;border-bottom:1px solid #eee;padding:15px}
.no-pad{padding:0!important}
.empty{text-align:center;color:#999;padding:25px!important}
.schedule-row{margin-top:5px}
.search-bar{display:flex;gap:10px;margin-bottom:15px}
.search-bar .form-control{max-width:420px}
.edu-form{background:#fff;padding:25px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.actions{white-space:nowrap}
.login-body{background:linear-gradient(135deg,#26364a,#3d5874);min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-card{width:390px;max-width:92%;background:#fff;padding:35px;border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.25);text-align:right}
.login-card h2{text-align:center;margin-top:5px;font-weight:700}
.login-card .text-muted{text-align:center;margin-bottom:25px}
.login-logo{text-align:center;font-size:30px;font-weight:800;color:#26364a}
@media(max-width:767px){.edu-container{padding:15px}.page-head{display:block}.page-head .btn{margin-top:10px}.search-bar{display:block}.search-bar .form-control{margin-bottom:8px}.stat-card strong,.money-card strong{font-size:25px}}


/* Students - touch friendly */
.btn-touch{min-height:44px;padding:10px 18px;font-size:15px}
.btn-touch-small{min-height:40px;padding:8px 12px;margin:2px 0}
.students-head{margin-bottom:15px}
.student-summary{margin-bottom:5px}
.student-summary-card{background:#fff;border-radius:6px;padding:14px 18px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.student-summary-card span{display:block;color:#7f8c8d;font-size:13px}
.student-summary-card strong{display:block;color:#26364a;font-size:26px;margin-top:4px}
.student-toolbar{background:#fff;border-radius:6px;padding:12px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.student-search-form{display:flex;align-items:center;gap:8px;margin:0}
.student-search-wrap{position:relative;flex:1}
.student-search-wrap .glyphicon{position:absolute;right:14px;top:14px;color:#999;z-index:2}
.student-search-wrap .form-control{padding-right:38px;height:44px;font-size:15px}
.student-panel{overflow:hidden}
.student-panel-heading{display:flex;justify-content:space-between;align-items:center}
.students-table{margin-bottom:0;background:#fff}
.students-table>thead>tr>th{background:#f8fafc;white-space:nowrap;text-align:right;vertical-align:middle}
.students-table>tbody>tr>td{vertical-align:middle}
.actions-col{min-width:155px}
.actions{white-space:nowrap}
.student-status{display:inline-block;min-width:58px;padding:5px 9px;border-radius:14px;text-align:center;font-size:12px}
.student-status.is-active{background:#e8f7ee;color:#218838}
.student-status.is-inactive{background:#eee;color:#777}
.empty{padding:45px!important;color:#999;font-size:15px}
.empty .glyphicon{font-size:28px;margin-bottom:8px}
@media(max-width:767px){
 .student-search-form{display:block}
 .student-search-wrap{margin-bottom:8px}
 .student-search-form>.btn{width:100%;margin-bottom:6px}
 .student-search-form>.btn-link{display:block;text-align:center}
 .students-table thead{display:none}
 .students-table,.students-table tbody,.students-table tr,.students-table td{display:block;width:100%}
 .students-table tr{border-bottom:1px solid #eee;padding:10px 8px}
 .students-table td{border:0!important;padding:5px 8px!important;text-align:right}
 .students-table td:before{content:attr(data-title);display:inline-block;min-width:105px;color:#888;font-weight:600}
 .actions{white-space:normal;text-align:right!important}
 .actions:before{display:none!important}
 .actions .btn{width:48%}
}