*{box-sizing:border-box;margin:0;padding:0}:root{--bg-1:#eef4ff;--bg-2:#f8fbff;--surface:#ffffffd1;--surface-strong:#fff;--surface-soft:#f8fafc;--text:#0f172a;--muted:#64748b;--muted-2:#475569;--border:#94a3b82e;--shadow:0 18px 45px #0f172a14;--shadow-soft:0 10px 30px #0f172a0f;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#dbeafe;--success:#16a34a;--success-dark:#15803d;--success-soft:#dcfce7;--warning:#d97706;--warning-soft:#fef3c7;--danger:#e11d48;--danger-soft:#fff1f2;--violet:#7c3aed;--violet-soft:#ede9fe;--orange:#ea580c;--orange-dark:#c2410c;--bordo:#800020;--bordo-dark:#4c0519;--sky:#0ea5e9;--sky-dark:#0284c7;--sky-soft:#e0f2fe}html,body,#root{min-height:100%}body{background:var(--bg-1);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page{background:radial-gradient(circle at 8% 18%,#2563eb24 0,#0000 24%),radial-gradient(circle at 92% 14%,#0ea5e924 0,#0000 22%),linear-gradient(135deg,#edf4ff 0%,#f8fbff 44%,#f4f7fd 100%);min-height:100vh;padding:32px 16px;position:relative;overflow-x:hidden}.page:before{content:"";pointer-events:none;opacity:.46;background:linear-gradient(#ffffff38,#ffffff0d);position:fixed;inset:0}.dashboard-background{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.dashboard-background__glow,.dashboard-background__curves{position:absolute;inset:0}.dashboard-background__glow{opacity:.86;background:radial-gradient(circle at 22% 24%,#ffffff9e,#0000 24%),radial-gradient(circle at 78% 70%,#dbeafe80,#0000 22%);animation:18s ease-in-out infinite alternate background-drift}.dashboard-background__curves{opacity:.82;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1200' viewBox='0 0 1600 1200' fill='none'%3E%3Cpath d='M-120 162C172 18 410 46 706 140C985 229 1228 245 1718 142' stroke='%2360a5fa' stroke-opacity='0.44' stroke-width='1.8'/%3E%3Cpath d='M-144 380C183 287 462 298 794 382C1072 452 1292 462 1711 384' stroke='%2393c5fd' stroke-opacity='0.48' stroke-width='1.5'/%3E%3Cpath d='M-130 690C210 620 505 632 828 696C1108 750 1336 755 1713 694' stroke='%23bfdbfe' stroke-opacity='0.42' stroke-width='1.35'/%3E%3Cpath d='M-110 980C209 900 510 920 830 991C1104 1052 1328 1062 1716 1005' stroke='%23dbeafe' stroke-opacity='0.52' stroke-width='1.25'/%3E%3C/svg%3E");background-position:50% -36px;background-repeat:no-repeat;background-size:min(1880px,130vw)}@keyframes background-drift{0%{transform:translate(0,0)}to{transform:translateY(-10px)}}.login-screen{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 55%,#f5f3ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{box-shadow:var(--shadow);text-align:center;border:1px solid var(--border);background:#fff;border-radius:28px;width:100%;max-width:400px;padding:40px}.login-logo{width:100px;height:100px;margin-bottom:20px}.login-card h2{color:var(--text);margin-bottom:5px}.container{z-index:1;isolation:isolate;max-width:1120px;margin:0 auto;position:relative}.hero{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);isolation:isolate;background:linear-gradient(140deg,#fffffff0,#ffffffc2),radial-gradient(circle at 100% 0,#2563eb1f,#0000 32%);border-radius:32px;grid-template-columns:auto minmax(0,1fr) 320px;align-items:center;gap:28px;margin-bottom:34px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 60px #0f172a1a}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at 0 0,#2563eb1f,#0000 28%),radial-gradient(circle at 100% 100%,#0ea5e91f,#0000 26%);position:absolute;inset:0}.hero:after{content:"";opacity:.9;filter:blur(12px);z-index:-1;background:radial-gradient(circle,#fffc,#dbeafe38,#0000 72%);border-radius:50%;height:210px;position:absolute;inset:auto 4% -54% 32%}.hero-orbit{pointer-events:none;z-index:-1;position:absolute;inset:0}.hero-orbit-ring,.hero-orbit-dot{border-radius:999px;position:absolute}.hero-orbit-ring{border:1px solid #3b82f629}.ring-a{width:220px;height:220px;top:-50px;left:-70px}.ring-b{width:420px;height:420px;top:-180px;right:-180px}.hero-orbit-dot{background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 0 0 10px #38bdf81f}.dot-a{width:12px;height:12px;animation:3s ease-in-out infinite pulse-dot;top:22%;right:28%}.dot-b{display:none}@keyframes pulse-dot{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.logo-container{justify-content:center;align-items:center;display:flex}.hero-logo-shell{width:118px;height:118px;animation:.9s cubic-bezier(.22,1,.36,1) both hero-logo-enter;position:relative}.hero-logo-glow{filter:blur(12px);opacity:.8;background:radial-gradient(circle,#2563eb33,#0ea5e914,#0000 68%);border-radius:50%;animation:6s ease-in-out infinite logo-float;position:absolute;inset:2px}.hero-logo-shell:before{content:"";opacity:.8;filter:blur(8px);z-index:0;background:radial-gradient(circle,#ffffffeb,#ffffff38,#0000 72%);border-radius:50%;position:absolute;inset:12px}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hero-logo-enter{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.logo{object-fit:cover;z-index:1;border-radius:50%;width:92px;height:92px;position:relative;box-shadow:0 12px 24px #0f172a24,0 0 0 10px #ffffff3d}.hero-content{flex-direction:column;min-width:0;display:flex}.hero-badge{background:var(--primary-soft);width:fit-content;color:var(--primary-dark);border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.mini-text{color:var(--primary);max-width:42rem;margin-bottom:8px;font-size:.95rem;font-weight:700}.hero h1,.hero-title{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.hero-title{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 52%,#0f766e 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.subtitle{margin-bottom:10px;font-size:1.1rem;font-weight:700}.description{color:var(--muted-2);max-width:680px;font-size:.98rem;line-height:1.7}.hero-actions-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.welcome-line{margin:0}.hero-logout{padding:8px 14px;font-size:.84rem}.hero-panel{color:#fff;isolation:isolate;background:linear-gradient(#0f172af5,#1e293be0);border:1px solid #ffffff14;border-radius:24px;padding:18px;animation:.85s cubic-bezier(.22,1,.36,1) both hero-panel-enter;position:relative;overflow:hidden;box-shadow:0 26px 40px #0f172a38}.hero-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 18%,#ffffff1f 32%,#0000 48%);animation:11s ease-in-out infinite hero-panel-sheen;position:absolute;inset:0;transform:translate(-135%)}.hero-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.hero-panel-kicker{letter-spacing:.04em;text-transform:uppercase;color:#bfdbfeeb;font-size:.82rem;font-weight:700}.hero-panel-live{background:#34d399;border-radius:50%;width:11px;height:11px;animation:3.4s ease-in-out infinite panel-live-pulse;box-shadow:0 0 0 8px #34d3991f}.hero-stats{gap:12px;display:grid}.hero-stat-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;padding:14px;animation:.8s both stat-card-enter}.hero-stat-card:first-child{animation-delay:.16s}.hero-stat-card:nth-child(2){animation-delay:.28s}.hero-stat-card span,.hero-stat-card small{display:block}.hero-stat-card span{color:#e2e8f0d1;margin-bottom:6px;font-size:.78rem}.hero-stat-card strong{margin-bottom:4px;font-size:1.35rem;display:block}.hero-stat-value{letter-spacing:-.03em;width:fit-content;padding-right:6px;animation:.8s both stat-value-reveal;position:relative}.hero-stat-value:after{content:"";filter:blur(6px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#bfdbfe38,#0000 72%);border-radius:999px;height:.68em;position:absolute;bottom:0;left:-8px;right:-2px}.hero-stat-card:first-child .hero-stat-value{color:#fff;text-shadow:0 0 18px #bfdbfe29;font-size:1.68rem;font-weight:800}.hero-stat-card:first-child .hero-stat-value:after{background:radial-gradient(circle,#60a5fa3d,#bfdbfe1f,#0000 74%);height:.78em;left:-10px;right:-8px}.hero-stat-card small{color:#e2e8f0b8;line-height:1.45}@keyframes hero-panel-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-panel-sheen{0%,to{opacity:0;transform:translate(-140%)}12%{opacity:.2}42%{opacity:.26;transform:translate(150%)}60%{opacity:0}}@keyframes panel-live-pulse{0%,to{transform:scale(1);box-shadow:0 0 #34d39938}50%{transform:scale(1.08);box-shadow:0 0 0 10px #34d39914}}@keyframes stat-card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes stat-value-reveal{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}.info-box{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;border-radius:18px;min-width:240px;padding:16px 18px;box-shadow:0 14px 28px #2563eb38}.info-label{opacity:.9;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.section-title{margin-bottom:18px;padding:0 4px}.home-intro-panel{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.home-section-title{margin-bottom:0}.home-marquee{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.home-marquee span{color:var(--muted-2);box-shadow:var(--shadow-soft);background:#ffffffb3;border:1px solid #94a3b82e;border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:700}.section-title h2{margin-bottom:6px;font-size:1.5rem}.section-title p{color:var(--muted-2)}.grid{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:30px;display:grid}.home-grid{grid-template-columns:repeat(6,minmax(145px,1fr));align-items:stretch}.card{color:#fff;aspect-ratio:1;text-align:left;isolation:isolate;border:none;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:0;padding:18px;transition:transform .22s,box-shadow .22s,filter .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 38px #0f172a1a}.card:hover{transform:translateY(-10px)scale(1.01);box-shadow:0 24px 44px #0f172a29}.card:after{content:"";opacity:.65;z-index:-1;background:radial-gradient(circle,#ffffff47,#0000 68%);width:180px;height:180px;transition:transform .35s,opacity .35s;position:absolute;inset:auto -30% -48% auto}.card:hover:after{opacity:.9;transform:scale(1.12)}.card-animated{animation:.65s cubic-bezier(.22,1,.36,1) both card-rise}@keyframes card-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.card-priority-featured{transform-origin:50%}.card-priority-featured .card-content h3{font-size:1.26rem}.card-priority-primary{min-height:0}.card-glow,.card-noise{pointer-events:none;position:absolute;inset:0}.card-glow{z-index:-1;background:radial-gradient(circle at 100% 0,#ffffff3d,#0000 36%)}.card-noise{opacity:.08;z-index:-1;background-image:radial-gradient(circle,#ffffffe6 1px,#0000 1px);background-size:16px 16px}.card-top{justify-content:flex-start;align-items:flex-start;gap:12px;display:flex}.card-top-main{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.card-chip-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}.icon{font-size:2rem;line-height:1}.card-accent-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:normal;background:#ffffff29;border:1px solid #ffffff2e;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:700;line-height:1.2}.open-text{opacity:.9;white-space:normal;background:#ffffff24;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:700;line-height:1.2}.card-content h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.08rem}.card-content p{opacity:.95;font-size:.8rem;line-height:1.34}.card-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.card-link-text{letter-spacing:.01em;font-size:.74rem;font-weight:700}.card-arrow{font-size:1.18rem;transition:transform .22s}.card:hover .card-arrow{transform:translate(4px,-2px)}.card-button-reset{font:inherit;text-align:left;cursor:pointer;border:none;width:100%}.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.green{background:linear-gradient(135deg,#059669,#047857)}.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.light-blue{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.card.blue,.card.green,.card.orange,.card.purple,.card.light-blue{background-size:140% 140%;animation:18s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.dashboard-background__glow,.hero-logo-shell,.hero-logo-glow,.hero-panel,.hero-panel:before,.hero-panel-live,.hero-stat-card,.hero-stat-value,.card.blue,.card.green,.card.orange,.card.purple,.card.light-blue,.card-animated{animation:none!important}}.status-box{border:1px solid var(--border);color:#334155;box-shadow:var(--shadow-soft);background:#ffffffe6;border-radius:18px;margin-bottom:22px;padding:18px}.error-box{color:#b91c1c;background:#fff7f7;border-color:#ef44442e}.course-button,.back-button,.memo-action{cursor:pointer;border:none;transition:transform .18s,filter .18s,box-shadow .18s}.course-button:hover,.back-button:hover,.memo-action:hover{filter:brightness(1.02);transform:translateY(-1px)}.course-button{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;padding:12px 16px;font-weight:700;box-shadow:0 10px 20px #16a34a2e}.back-button{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;white-space:nowrap;border-radius:12px;padding:12px 16px;font-weight:700;box-shadow:0 10px 20px #2563eb29}.moodle-header{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:24px;display:flex}.moodle-tag{background:var(--violet-soft);color:#6d28d9;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.moodle-header h2{letter-spacing:-.02em;margin-bottom:6px;font-size:1.9rem}.moodle-subtitle{color:var(--muted-2);line-height:1.6}.details-layout{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.detail-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:22px}.detail-panel h3{margin-bottom:8px;font-size:1.25rem}.detail-count{color:var(--muted-2);margin-bottom:16px}.detail-list{flex-direction:column;gap:12px;display:flex}.detail-item{background:var(--surface-soft);border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.detail-item strong{color:var(--text)}.detail-item span{color:var(--muted);font-size:.95rem;line-height:1.5}.is-teacher{background:var(--primary-soft)!important;border-left:4px solid var(--primary)!important}.badge-role{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:8px;padding:2px 10px;font-size:.72rem;font-weight:700}.empty-text{color:var(--muted)}.tree-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;margin-bottom:30px;padding:22px}.tree-header h3{margin-bottom:6px;font-size:1.35rem}.tree-header p{color:var(--muted);margin-bottom:18px}.tree-list,.tree-block,.tree-subblock{flex-direction:column;gap:12px;display:flex}.tree-children{border-left:2px solid #dbeafe;flex-direction:column;gap:12px;margin-left:18px;padding-left:14px;display:flex}.tree-courses{border-left:2px solid #e9d5ff;flex-direction:column;gap:12px;margin-left:18px;padding-left:14px;display:flex}.tree-toggle{cursor:pointer;text-align:left;color:var(--text);background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;font-weight:700;transition:background-color .18s,border-color .18s}.tree-toggle:hover{background:#f1f5f9}.level-career{background:#eff6ff}.level-year{background:#faf5ff}.subject-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:0 8px 18px #0f172a0a}.subject-card strong{color:var(--text);margin-bottom:4px;display:block}.subject-card p{color:var(--muted);font-size:.95rem}.docs-toolbar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;padding:16px 18px;display:flex}.docs-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.docs-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:12px 18px;font-weight:700;transition:background-color .2s,color .2s}.docs-tab:hover{color:var(--text);background:#f1f5f9}.docs-tab.active{color:#fff;background:linear-gradient(135deg,#dc2626,#be123c);box-shadow:0 10px 20px #be185d2e}.docs-filters{flex-wrap:wrap;gap:8px;display:flex}.docs-filter{color:var(--muted-2);cursor:pointer;background:#eef2f7;border:none;border-radius:999px;padding:10px 14px;font-weight:700;transition:background-color .2s,color .2s,transform .18s}.docs-filter:hover{color:var(--text);background:#e2e8f0}.docs-filter.active{color:#fff;background:linear-gradient(135deg,#dc2626,#be123c)}.docs-list{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.doc-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:20px;transition:transform .18s,box-shadow .18s;display:flex}.doc-card:hover{transform:translateY(-2px);box-shadow:0 22px 44px #0f172a1a}.doc-main{flex:1;min-width:0}.doc-topline{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.doc-exp{color:var(--muted-2);font-size:.92rem;font-weight:700}.doc-status{border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.status-pendiente{background:var(--warning-soft);color:#92400e}.status-en-proceso{color:#1d4ed8;background:#dbeafe}.status-finalizado{background:var(--success-soft);color:#166534}.status-sin-estado{color:#374151;background:#e5e7eb}.doc-card h3{margin-bottom:8px;font-size:1.2rem;line-height:1.35}.doc-desc{color:var(--muted-2);margin:8px 0 12px;line-height:1.6}.doc-meta{color:var(--muted);flex-direction:column;gap:5px;font-size:.92rem;display:flex}.doc-actions-container{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.badge-visto,.badge-nuevo{letter-spacing:.3px;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-visto{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-nuevo{color:var(--danger);background:var(--danger-soft);border:1px solid #fecdd3}.dot{border-radius:999px;width:8px;height:8px;display:inline-block}.dot-green{background:#10b981}.dot-red{background:#f43f5e}.pulse{animation:2s infinite pulse-animation}@keyframes pulse-animation{0%{box-shadow:0 0 #f43f5e99}70%{box-shadow:0 0 0 6px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.memo-detail-shell{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.memo-top-red{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 16px 32px #2563eb33}.memo-top-kicker{opacity:.88;margin-bottom:6px;font-size:.78rem}.memo-top-red h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.08}.memo-top-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.memo-pill{color:#fff;background:#ffffff29;border:1px solid #ffffff29;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700}.local-read-pending{color:#fff;background:#ffffff2e}.local-read-viewed{color:#7a5800;background:#fff4c7;border-color:#7a580014}.local-read-confirmed{color:var(--bordo);background:#fff;border-color:#0d6b3814}.memo-top-actions{flex-wrap:wrap;gap:10px;display:flex}.memo-action{border-radius:12px;padding:11px 16px;font-size:.95rem;font-weight:700}.memo-action.blue{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff}.memo-action.bordo{background:linear-gradient(135deg, var(--bordo-dark), var(--bordo));color:#fff;border:none}.memo-action.white{color:var(--text);background:#fff;border:1px solid #e2e8f0}.memo-action.ghost{color:var(--bordo);border:1px dashed var(--bordo);background:0 0}.memo-action:disabled{opacity:.7;cursor:not-allowed;transform:none}.memo-detail-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.memo-panel{background:var(--surface-strong);box-shadow:var(--shadow-soft);border:1px solid #edf2f7;border-radius:18px;padding:20px}.memo-panel.large{grid-column:span 2}.memo-panel.side{grid-column:span 1}.memo-panel h3{margin-bottom:14px;font-size:1.18rem}.memo-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px;display:grid}.memo-info-card{border:1px solid #8000201a;border-left:4px solid var(--bordo);background:#f8fafc;border-radius:12px;min-width:0;padding:14px}.memo-info-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.76rem;display:block}.memo-info-card strong{color:var(--text);word-break:break-word;line-height:1.5;display:block}.memo-block{margin-top:20px}.memo-block h4{margin-bottom:10px;font-size:1rem}.memo-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.memo-detail-card strong{margin-bottom:8px;display:block}.memo-detail-card p{color:var(--muted-2);line-height:1.7}.memo-files-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.memo-file-card{color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:background-color .18s,transform .18s;display:flex}.memo-file-card:hover{background:#eef2f7;transform:translateY(-1px)}.memo-file-card strong{margin-bottom:6px;display:block}.memo-file-card p{color:var(--muted);font-size:.85rem}button.custom-file-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;width:100%;font-family:inherit}.timeline-list{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.timeline-list:before{content:"";background:var(--border);width:2px;position:absolute;top:10px;bottom:10px;left:4px}.timeline-item{gap:20px;padding-bottom:25px;display:flex;position:relative}.timeline-dot{border:3px solid var(--bordo);z-index:1;background:#fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;position:absolute;top:6px;left:-21px;box-shadow:0 0 0 4px #fff}.timeline-content strong{border:1px solid var(--border);width:100%;box-shadow:var(--shadow-soft);background:#fff;border-radius:12px;padding:15px}.timeline-content p{color:var(--muted-2);margin-bottom:4px;line-height:1.6}.timeline-content span{color:var(--muted);font-size:.82rem}.file-preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172ad1;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;inset:0}.file-preview-modal{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1000px;height:90vh;animation:.3s ease-out modal-pop;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000073}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.file-preview-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:16px 24px;display:flex}.file-preview-header h3{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:60%;margin:0;font-size:1.06rem;overflow:hidden}.file-preview-actions{align-items:center;gap:12px;display:flex}.file-preview-content{background-color:#cbd5e1;flex:1;width:100%}.file-preview-iframe{border:none;width:100%;height:100%}.onedrive-list-container{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;overflow-x:auto}.onedrive-table{border-collapse:collapse;text-align:left;width:100%;min-width:640px}.onedrive-table th{color:var(--muted-2);background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:15px 20px;font-size:.9rem;font-weight:700}.onedrive-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-size:.95rem}.onedrive-row{cursor:pointer;transition:background-color .18s}.onedrive-row:hover{background-color:#f8fbff}.file-name-cell{color:var(--text);align-items:center;gap:12px;font-weight:600;display:flex}.file-icon{font-size:1.3rem}.communication-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.communication-sidebar{gap:18px;display:grid}.communication-panel{border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:24px;padding:22px}.communication-panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.communication-panel-head h3{color:var(--text);font-size:1.1rem}.communication-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:4px;font-size:.76rem;font-weight:700}.communication-private-pill,.communication-priority{color:var(--primary-dark);background:var(--primary-soft);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700}.communication-compose{gap:14px;display:grid}.communication-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.communication-field-grid.compact{grid-template-columns:minmax(0,1.6fr) minmax(140px,.7fr)}.communication-field{gap:7px;display:grid}.communication-readonly-field{background:linear-gradient(#f8fafcf5,#f1f5f9eb);border:1px solid #94a3b838;border-radius:14px;align-content:center;gap:3px;min-height:50px;padding:12px 14px;display:grid}.communication-readonly-field strong{color:var(--text);font-size:.96rem}.communication-readonly-field small{color:var(--muted);font-size:.78rem}.communication-field span,.communication-upload span{color:var(--muted-2);font-size:.84rem;font-weight:700}.communication-field input,.communication-field select,.communication-field textarea,.communication-upload input{width:100%;color:var(--text);background:#f8fafceb;border:1px solid #94a3b847;border-radius:14px;padding:12px 14px}.communication-field textarea{resize:vertical;min-height:108px}.communication-upload{gap:8px;display:grid}.communication-upload small{color:var(--muted);font-size:.76rem}.communication-file-list{flex-wrap:wrap;gap:8px;display:flex}.communication-file-pill{color:var(--primary-dark);background:#2563eb14;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.communication-compose-actions{justify-content:flex-end;gap:10px;display:flex}.communication-conversation-list{gap:12px;display:grid}.communication-conversation-card{text-align:left;background:#f8fafce0;border:1px solid #94a3b82e;border-radius:18px;width:100%;padding:14px 15px;transition:transform .18s,border-color .18s,box-shadow .18s}.communication-conversation-card:hover,.communication-conversation-card.active{border-color:#2563eb57;transform:translateY(-2px);box-shadow:0 16px 30px #0f172a14}.communication-conversation-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.communication-conversation-top strong{color:var(--text)}.communication-conversation-top span,.communication-conversation-card small{color:var(--muted);font-size:.78rem}.communication-conversation-card p{color:var(--muted-2);margin-bottom:4px;font-weight:700}.communication-thread-panel{min-width:0}.communication-thread-shell{min-height:720px}.communication-thread-meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:18px;font-size:.84rem;display:flex}.communication-thread{gap:14px;display:grid}.communication-message{max-width:82%;box-shadow:var(--shadow-soft);border-radius:20px;padding:16px 18px}.communication-message.own{background:linear-gradient(135deg,#2563eb1f,#bfdbfe8a);border:1px solid #2563eb2e;margin-left:auto}.communication-message.incoming{background:#f8fafceb;border:1px solid #94a3b82e}.communication-message-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.8rem;display:flex}.communication-message p{color:var(--text);white-space:pre-wrap;line-height:1.6}.communication-attachment-list{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.communication-attachment{color:var(--primary-dark);background:#ffffffb8;border:1px solid #2563eb29;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.footer{text-align:center;color:var(--muted);padding:10px 0 18px;font-size:.92rem}@media (width<=1080px){.grid{grid-template-columns:repeat(3,1fr)}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.communication-layout{grid-template-columns:1fr}.memo-info-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{text-align:center;grid-template-columns:1fr}.hero-content{align-items:center}.description{max-width:100%}.hero-badge{margin-left:auto;margin-right:auto}.hero-actions-row,.hero-panel-header{justify-content:center}.hero-panel{width:100%}.home-intro-panel{flex-direction:column;align-items:flex-start}.home-marquee{justify-content:flex-start}.moodle-header{flex-direction:column;align-items:flex-start}.details-layout{grid-template-columns:1fr}.subject-card,.doc-card{flex-direction:column;align-items:flex-start}.doc-actions-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.memo-detail-grid,.communication-field-grid,.communication-field-grid.compact{grid-template-columns:1fr}.communication-thread-shell{min-height:auto}.memo-panel.large,.memo-panel.side{grid-column:span 1}.memo-info-grid,.memo-files-grid{grid-template-columns:1fr}.memo-top-red{flex-direction:column;align-items:flex-start}.memo-top-badges{justify-content:flex-start}.file-preview-header{flex-direction:column;align-items:flex-start}.file-preview-header h3{max-width:100%}}@media (width<=560px){.page{padding:20px 12px}.dashboard-background__curves{opacity:.68;background-position:50% -10px;background-size:1650px}.hero,.moodle-header,.tree-panel,.detail-panel,.doc-card,.memo-panel,.docs-toolbar,.communication-panel{padding:16px}.grid,.home-grid{grid-template-columns:1fr}.card{aspect-ratio:auto;min-height:185px}.hero h1{font-size:2.2rem}.hero{padding:22px 18px}.hero-logo-shell{width:104px;height:104px}.home-marquee span{justify-content:center;width:100%;display:inline-flex}.home-marquee{display:none}.docs-tabs,.docs-filters,.memo-top-actions,.communication-compose-actions{width:100%}.docs-tab,.docs-filter,.memo-action,.course-button,.back-button{text-align:center;justify-content:center;width:100%}.doc-actions-container{flex-direction:column;align-items:stretch}.file-preview-overlay{padding:10px}.file-preview-modal{border-radius:12px;height:92vh}}.finance-container{padding:20px;animation:.5s ease-in fadeIn}.finance-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.finance-alert{border:1px solid #0000;border-radius:14px;flex-direction:column;gap:6px;margin-bottom:22px;padding:16px 18px;display:flex;box-shadow:0 10px 24px #0f172a0f}.finance-budget-panel{background:linear-gradient(135deg,#fff7ed 0%,#fff 52%,#f8fafc 100%);border:1px solid #fed7aa;border-radius:18px;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;padding:20px 22px;display:flex}.finance-budget-panel-annual{background:linear-gradient(135deg,#eff6ff 0%,#fff 52%,#f8fafc 100%);border-color:#bfdbfe}.finance-budget-kicker{letter-spacing:.08em;text-transform:uppercase;color:#c2410c;margin:0 0 6px;font-size:.8rem;font-weight:700}.finance-budget-panel h3{color:#1e293b;margin:0}.finance-budget-copy{color:#475569;max-width:580px;margin:8px 0 0}.finance-budget-form{align-items:center;gap:12px;min-width:min(100%,420px);display:flex}.finance-budget-button{white-space:nowrap;width:auto}.finance-alert strong{font-size:.98rem}.finance-alert span{color:#475569;line-height:1.5}.finance-alert.warning{background:#fff7ed;border-color:#fdba74}.finance-alert.warning strong{color:#c2410c}.finance-alert.critical{background:#fff1f2;border-color:#fda4af}.finance-alert.critical strong{color:#be123c}.stat-card{background:#fff;border-left:5px solid #ccc;border-radius:16px;padding:20px;transition:transform .2s;box-shadow:0 4px 6px -1px #0000001a}.stat-card:hover{transform:translateY(-5px)}.stat-card.income{border-left-color:#10b981}.stat-card.expense{border-left-color:#ef4444}.stat-card.balance{border-left-color:#3b82f6}.stat-card.top-cat{border-left-color:#8b5cf6}.stat-card.budget{border-left-color:#f59e0b}.stat-card.annual-goal{border-left-color:#2563eb}.stat-card.annual-expense{border-left-color:#0f766e}.stat-card h4{color:#64748b;text-transform:uppercase;margin:0 0 10px;font-size:.9rem}.stat-card .value{color:#1e293b;font-size:1.5rem;font-weight:700}.stat-card small{color:#64748b;margin-top:8px;line-height:1.4;display:block}.finance-main-content{grid-template-columns:350px 1fr;gap:25px;display:grid}@media (width<=900px){.finance-main-content{grid-template-columns:1fr}.finance-budget-panel{flex-direction:column;align-items:stretch}.finance-budget-form{flex-direction:column;align-items:stretch;min-width:100%}.finance-budget-button{width:100%}}.finance-form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:25px}.form-group{margin-bottom:15px}.form-group label{color:#475569;margin-bottom:5px;font-weight:600;display:block}.form-control{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px;font-family:inherit}.btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:background .2s}.btn-submit:hover{background:#1d4ed8}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.finance-table{border-collapse:collapse;width:100%}.finance-table th{text-align:left;color:#475569;background:#f1f5f9;padding:15px}.finance-table td{border-bottom:1px solid #f1f5f9;padding:15px}.type-badge{border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}.type-badge.income{color:#166534;background:#dcfce7}.type-badge.expense{color:#991b1b;background:#fee2e2}
