@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-surface:#1e293b;--bg-surface-elevated:rgba(30,41,59,.7);--bg-surface-hover:#334155;--border-color:hsla(0,0%,100%,.08);--border-color-focus:rgba(99,102,241,.6);--border-color-subtle:hsla(0,0%,100%,.04);--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-glow:rgba(99,102,241,.35);--accent-secondary:#06b6d4;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--shadow-sm:0 2px 4px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 10px 28px rgba(0,0,0,.45);--shadow-glow:0 0 25px rgba(99,102,241,.25);--glass-bg:rgba(17,24,39,.75);--glass-border:hsla(0,0%,100%,.1);--backdrop-blur:blur(16px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.35s cubic-bezier(0.16,1,0.3,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{top:-150px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.15) 0,transparent 70%)}body:after,body:before{content:"";position:fixed;pointer-events:none;z-index:0}body:after{bottom:-200px;left:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.12) 0,transparent 70%)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);line-height:1.25}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#818cf8}.card{background:var(--bg-surface-elevated);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.card:hover{border-color:rgba(99,102,241,.3);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card-header{justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-color-subtle)}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:1.25rem;font-weight:700;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.925rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,#4f46e5 100%);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.4)}.btn-primary:hover{background:linear-gradient(135deg,#7175f8,#4338ca);box-shadow:0 6px 20px rgba(99,102,241,.6);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:hsla(0,0%,100%,.2)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px rgba(16,185,129,.35)}.btn-success:hover{background:linear-gradient(135deg,#34d399,#047857);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.badge-tutor{background:rgba(139,92,246,.18);color:#a78bfa;border:1px solid rgba(139,92,246,.35)}.badge-tutee{background:rgba(6,182,212,.18);color:#22d3ee;border:1px solid rgba(6,182,212,.35)}.badge-status{background:rgba(99,102,241,.18);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.form-input,.form-label{color:var(--text-primary)}.form-input{width:100%;padding:12px 16px;font-size:.95rem;font-family:var(--font-sans);background:rgba(15,23,42,.8);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.25)}.likert-container{background:rgba(15,23,42,.6);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:18px;transition:all var(--transition-normal)}.likert-container:hover{border-color:rgba(99,102,241,.4)}.likert-question-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.likert-number-badge{background:var(--accent-primary);color:#fff;font-weight:700;font-size:.8rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.likert-question-text{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.5}.likert-options-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-top:12px}@media (max-width:768px){.likert-options-grid{grid-template-columns:1fr}}.likert-option-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.likert-option-label input[type=radio]{display:none}.likert-option-label:hover{background:var(--bg-surface-hover);border-color:rgba(99,102,241,.4)}.likert-option-label.selected{background:rgba(99,102,241,.2);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 12px rgba(99,102,241,.3)}.likert-score-val{font-size:1.25rem;font-weight:800;margin-bottom:4px}.likert-score-desc{font-size:.75rem;color:var(--text-secondary)}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.table-custom{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.table-custom th{background:rgba(15,23,42,.9);padding:14px 16px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.table-custom td{padding:14px 16px;border-bottom:1px solid var(--border-color-subtle);color:var(--text-primary)}.table-custom tr:hover td{background:hsla(0,0%,100%,.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}