:root{--primary: #1a237e;--primary-light: #3949ab;--bg: #f0f2f5;--card-bg: #ffffff;--text: #333;--text-light: #666;--danger: #c62828;--success: #2e7d32;--warning: #f57c00;--shadow: 0 8px 20px rgba(0,0,0,.06);--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.header{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #00000026;position:sticky;top:0;z-index:100}.header img{height:38px}.btn{padding:8px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-white{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-white:hover{background:#ffffff59}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-outline{background:transparent;border:1px solid currentColor}.container{max-width:1200px;margin:30px auto;padding:0 20px}.card{background:var(--card-bg);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.badge{padding:3px 12px;border-radius:15px;font-size:11px;font-weight:700;text-transform:uppercase;margin:0 3px}.badge-dev{background:#e8eaf6;color:var(--primary)}.badge-principal{background:#fff3e0;color:#e65100}.badge-teacher{background:#e3f2fd;color:#0d47a1}.badge-student{background:#e8f5e9;color:#1b5e20}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s}.modal{background:#fff;border-radius:var(--radius);padding:28px;width:90%;max-width:500px;box-shadow:0 20px 40px #0003;animation:slideUp .3s;max-height:80vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th{background:#f5f5f5;padding:14px 16px;text-align:left;font-weight:700;color:var(--primary);font-size:13px;text-transform:uppercase}td{padding:12px 16px;border-bottom:1px solid #eee}tr:hover{background:#fafafa}.ai-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;font-size:28px;border:none;cursor:pointer;box-shadow:0 4px 16px #0003;z-index:150;transition:transform .2s}.ai-fab:hover{transform:scale(1.1)}.ai-chat{position:fixed;bottom:90px;right:24px;width:350px;background:#fff;border-radius:16px;box-shadow:0 12px 30px #0003;z-index:160;overflow:hidden;animation:slideUp .3s}.ai-chat-header{background:var(--primary);color:#fff;padding:12px 16px;font-weight:600;display:flex;justify-content:space-between}.ai-chat-body{height:280px;overflow-y:auto;padding:16px}.ai-chat-input{display:flex;padding:12px;border-top:1px solid #eee}.ai-chat-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;outline:none}.ai-msg{margin-bottom:10px;padding:8px 14px;border-radius:12px;max-width:80%}.ai-bot{background:#e3f2fd}.ai-user{background:var(--primary);color:#fff;margin-left:auto}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}