:root{
    --irina-primary:#6c63ff;
    --irina-primary-dark:#4f46e5;
    --irina-soft:#f5f7fb;
    --irina-card:#ffffff;
    --irina-text:#20243a;
    --irina-muted:#7b8195;
    --irina-border:#edf0f7;
    --irina-success:#10b981;
    --irina-warning:#f59e0b;
    --irina-danger:#ef4444;
    --irina-radius:22px;
    --irina-shadow:0 18px 45px rgba(35,41,70,.08);
}

.content-body{background:var(--irina-soft);}
.irina-page{padding-bottom:70px;}

.irina-lms-hero{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    padding:30px;
    margin-bottom:24px;
    color:#fff;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.26), transparent 28%),
        linear-gradient(135deg,#5b54f6 0%,#7367f0 42%,#22c1c3 100%);
    box-shadow:var(--irina-shadow);
}
.irina-lms-hero:after{
    content:"";
    position:absolute;
    right:-60px;bottom:-70px;
    width:240px;height:240px;
    border-radius:50%;
    background:rgba(255,255,255,.13);
}
.irina-lms-hero h2{color:#fff;font-size:30px;font-weight:800;margin:0 0 6px;}
.irina-lms-hero p{color:rgba(255,255,255,.86);font-size:15px;margin:0;max-width:760px;}
.irina-hero-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;}
.irina-btn-white{background:#fff;color:var(--irina-primary);border:0;font-weight:700;border-radius:14px;padding:11px 18px;}
.irina-btn-glass{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.32);font-weight:700;border-radius:14px;padding:11px 18px;}

.irina-filter-tabs{
    display:flex;gap:10px;flex-wrap:wrap;
    background:#fff;border:1px solid var(--irina-border);
    border-radius:20px;padding:10px;margin-bottom:24px;
    box-shadow:0 8px 24px rgba(35,41,70,.05);
}
.irina-filter-btn{
    border:0;background:#f4f6ff;color:#4f5570;
    padding:10px 16px;border-radius:14px;font-weight:800;
    transition:.2s ease;
}
.irina-filter-btn.active,.irina-filter-btn:hover{background:var(--irina-primary);color:#fff;box-shadow:0 10px 22px rgba(108,99,255,.24);}

.irina-topic-card{
    position:relative;overflow:hidden;border:0;border-radius:24px;background:#fff;
    box-shadow:var(--irina-shadow);transition:.22s ease;height:100%;
}
.irina-topic-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(35,41,70,.14);}
.irina-topic-top{height:150px;padding:22px;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;}
.irina-math{background:linear-gradient(135deg,#635bff,#20c997);}
.irina-english{background:linear-gradient(135deg,#00a7b5,#3ddc97);}
.irina-reading{background:linear-gradient(135deg,#8b5cf6,#ec4899);}
.irina-default{background:linear-gradient(135deg,#6c63ff,#8791ff);}
.irina-subject-mark{font-size:38px;font-weight:900;line-height:1;letter-spacing:-1px;}
.irina-subject-name{font-size:12px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;opacity:.92;}
.irina-level-pill{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#fff;}
.irina-topic-body{padding:24px;}
.irina-topic-body h4{font-size:20px;line-height:1.22;font-weight:850;margin:0 0 14px;color:var(--irina-text);}
.irina-meta-grid{display:grid;gap:8px;margin:16px 0 20px;}
.irina-meta-line{font-size:14px;color:#51576d;display:flex;gap:7px;align-items:flex-start;}
.irina-meta-line strong{color:#1f2437;min-width:78px;}
.irina-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.irina-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f1f3ff;color:#5c5fd6;font-size:12px;font-weight:800;padding:7px 10px;}
.irina-topic-actions{display:flex;gap:10px;flex-wrap:wrap;}
.irina-topic-actions .btn{border-radius:12px;font-weight:800;}

.irina-learn-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;}
.irina-main-panel{grid-column:span 8;}
.irina-side-panel{grid-column:span 4;}
.irina-block{background:#fff;border:1px solid var(--irina-border);border-radius:24px;padding:24px;box-shadow:var(--irina-shadow);margin-bottom:20px;}
.irina-block-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;}
.irina-block h3,.irina-block h4{font-weight:850;color:var(--irina-text);margin:0;}
.irina-block-subtitle{color:var(--irina-muted);font-size:14px;margin-top:4px;}
.irina-icon-circle{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#f2f3ff;color:var(--irina-primary);font-size:24px;font-weight:900;flex:0 0 auto;}
.irina-info-list{display:grid;gap:11px;}
.irina-info-item{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #f0f2f8;padding-bottom:10px;font-size:14px;}
.irina-info-item strong{color:#2a3047;}
.irina-info-item span{text-align:right;color:#61677a;}

.irina-action-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;}
.irina-action-tile{display:flex;gap:14px;align-items:center;text-decoration:none!important;border:1px solid var(--irina-border);border-radius:20px;padding:16px;background:#fff;transition:.18s ease;}
.irina-action-tile:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(35,41,70,.09);}
.irina-action-tile b{display:block;color:#1f2437;font-weight:850;}
.irina-action-tile small{color:var(--irina-muted);}
.irina-action-tile .tile-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;}
.tile-live{background:linear-gradient(135deg,#10b981,#22c55e);}
.tile-video{background:linear-gradient(135deg,#6c63ff,#8b5cf6);}
.tile-material{background:linear-gradient(135deg,#0ea5e9,#22c1c3);}
.tile-activity{background:linear-gradient(135deg,#f59e0b,#f97316);}
.tile-eval{background:linear-gradient(135deg,#ef4444,#ec4899);}

.irina-video-box{border-radius:24px;background:linear-gradient(135deg,#111827,#312e81);color:#fff;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;position:relative;overflow:hidden;}
.irina-video-box:after{content:"";position:absolute;inset:auto -70px -120px auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08);}
.irina-play{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--irina-primary);font-size:30px;font-weight:900;margin-bottom:14px;}
.irina-resource{border:1px solid var(--irina-border);border-radius:18px;padding:16px;margin-bottom:12px;background:#fbfcff;}
.irina-resource b{color:#222842;display:block;margin-bottom:4px;}
.irina-empty{border:1px dashed #d8ddea;color:#8a90a5;border-radius:18px;padding:18px;background:#fbfcff;text-align:center;}

.irina-form-card{background:#fff;border:1px solid var(--irina-border);border-radius:24px;box-shadow:var(--irina-shadow);margin-bottom:22px;overflow:hidden;}
.irina-form-card .card-header{border:0;background:#fff;padding:22px 24px 0;}
.irina-section-title{display:flex;align-items:center;gap:14px;}
.irina-section-title .bubble{width:38px;height:38px;border-radius:14px;background:var(--irina-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;}
.irina-form-card .card-body{padding:24px;}
.irina-form-card label{font-weight:800;color:#2a3047;font-size:12px;text-transform:uppercase;letter-spacing:.5px;}
.irina-form-card .form-control{border-radius:14px;border-color:#e6eaf3;min-height:46px;}
.irina-form-card textarea.form-control{min-height:auto;}

.irina-dashboard-card{border:0;border-radius:24px;background:#fff;box-shadow:var(--irina-shadow);padding:22px;height:100%;}
.irina-dashboard-card .number{font-size:32px;font-weight:900;color:#1f2437;}
.irina-dashboard-card .label{color:var(--irina-muted);font-weight:700;}

.irina-mobile-bottom{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:999;background:#fff;border:1px solid var(--irina-border);border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.16);padding:8px;justify-content:space-around;}
.irina-mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#737995;font-size:11px;font-weight:800;text-decoration:none!important;padding:6px 8px;border-radius:16px;min-width:58px;}
.irina-mobile-bottom a.active,.irina-mobile-bottom a:hover{background:#f1f3ff;color:var(--irina-primary);}
.irina-mobile-bottom i{font-size:20px;}

@media(max-width:1199px){
    .irina-main-panel,.irina-side-panel{grid-column:span 12;}
}
@media(max-width:767px){
    .container-fluid{padding-left:14px!important;padding-right:14px!important;}
    .irina-lms-hero{padding:24px 20px;border-radius:24px;}
    .irina-lms-hero h2{font-size:24px;}
    .irina-action-tiles{grid-template-columns:1fr;}
    .irina-topic-top{height:130px;}
    .irina-topic-body{padding:20px;}
    .irina-filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding:8px;}
    .irina-filter-btn{white-space:nowrap;}
    .irina-mobile-bottom{display:flex;}
    .irina-info-item{display:block;}
    .irina-info-item span{text-align:left;display:block;margin-top:4px;}
}