@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700&family=Hanken+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg: #f4faf6;--card: #ffffff;--primary: #0f766e;--primary-strong: #0b5f59;--text: #0f1f1c;--text-primary: #14332b;--muted: #5f6f6c;--border: #dbe7e1;--accent: #8fe3cf;--gradient-accent: linear-gradient( 120deg, #b6f0d8 0%, #1ea279 65%, #178567 100% );--shadow: 0 18px 40px rgba(15, 23, 42, .08);--font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body: "Hanken Grotesk", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at 12% 8%,rgba(169,242,223,.45),transparent 48%),radial-gradient(circle at 88% 12%,rgba(219,243,236,.8),transparent 45%),var(--bg);background-attachment:fixed,fixed,fixed;color:var(--text);line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(15,118,110,.08) 1px,transparent 1px),linear-gradient(120deg,#0f766e0f,#fff0);background-size:22px 22px,100% 100%;opacity:.35;pointer-events:none;background-attachment:fixed;z-index:-1}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}.display-shell{min-height:100vh;display:flex;flex-direction:column}.display-header{background:#ffffffe6;border-bottom:1px solid rgba(219,231,225,.9);padding:22px 32px;box-shadow:0 10px 24px #0f172a0a}.display-header-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.display-title{margin:0;font-size:30px}.display-subtitle{margin:0;font-size:18px;color:var(--muted)}.display-main{flex:1;padding:28px 32px 40px}.display-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.display-card{background:#ffffffeb;border:1px solid rgba(219,231,225,.9);border-radius:18px;box-shadow:0 24px 50px #0f172a1f;overflow:hidden}.display-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:linear-gradient(120deg,#8fe3cf59,#fffffff2);border-bottom:1px solid rgba(219,231,225,.9)}.display-card-title{margin:0;font-size:20px;font-weight:600}.display-count{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#0f766e1f;color:var(--primary-strong);padding:6px 10px;border-radius:999px}.display-state{padding:22px 24px;font-size:16px}.display-state p{margin:0}.display-card.display-error{background:#f871711f;border-color:#f8717133;color:#b91c1c}.display-muted{color:var(--muted)}@keyframes rise-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}table{width:100%;border-collapse:collapse;margin-top:0;background:var(--card);border-radius:0 0 18px 18px;overflow:hidden;box-shadow:none;opacity:0;animation:rise-fade .5s ease forwards}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{background:#f2f7f5;font-size:14px;color:var(--muted);font-weight:600}.pending-leaves-table{max-width:100%;width:100%;table-layout:auto}.pending-leaves-table th,.pending-leaves-table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:15px;line-height:1.45;min-width:0}.pending-leaves-table td{border-bottom:none}.pending-leaves-table tbody tr{border-bottom:1px solid var(--border)}.pending-leaves-table tbody tr:last-child{border-bottom:none}.pending-leaves-table tbody tr:nth-child(2n){background:#f1f7f4b3}.pending-leaves-table .pending-col-teacher{min-width:140px;font-weight:600}.pending-leaves-table .pending-col-subject{min-width:130px}.pending-leaves-table .pending-col-period{min-width:80px;white-space:nowrap}.pending-leaves-table .pending-col-substitute{min-width:160px}.pending-leaves-table .pending-col-documents{min-width:150px;max-width:240px}.display-documents{display:inline-flex;gap:8px;flex-wrap:wrap}.display-doc-link{width:36px;height:36px;border-radius:12px;background:#0f766e1f;border:1px solid rgba(15,118,110,.2);display:inline-flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;box-shadow:0 8px 16px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.display-doc-link:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 20px #0f172a1f}@media(max-width:980px){.display-header{padding:18px 20px}.display-main{padding:20px}.pending-leaves-table th,.pending-leaves-table td{font-size:14px;padding:9px 8px;min-width:0;overflow-wrap:anywhere;word-break:break-word}.pending-leaves-table .pending-col-teacher{min-width:120px}.pending-leaves-table .pending-col-subject{min-width:110px}.pending-leaves-table .pending-col-period{min-width:70px}.pending-leaves-table .pending-col-substitute{min-width:140px}.pending-leaves-table .pending-col-documents{min-width:130px;max-width:220px}}@media(max-width:768px){.display-title{font-size:24px}.display-subtitle{font-size:16px}.display-card-header{flex-direction:column;align-items:flex-start}.pending-leaves-table{background:transparent;box-shadow:none;border-radius:0;overflow:visible;white-space:normal}.pending-leaves-table thead{display:none}.pending-leaves-table tbody,.pending-leaves-table tr,.pending-leaves-table td{display:block;width:100%}.pending-leaves-table tbody tr{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin:0 16px 16px;box-shadow:0 12px 24px #0f172a14}.pending-leaves-table tbody tr:nth-child(2n){background:var(--card)}.pending-leaves-table td{border:none;padding:8px 0;display:grid;grid-template-columns:minmax(90px,120px) 1fr;gap:10px;align-items:start}.pending-leaves-table td:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:2px}}@media(prefers-reduced-motion:reduce){table{animation:none;opacity:1;transform:none}.display-doc-link{transition:none}}.setup-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:56px 24px}.setup-grid{width:100%;max-width:1200px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}.setup-hero{display:flex;flex-direction:column;gap:18px}.setup-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:8px}.setup-logo{width:48px;height:48px;border-radius:16px;background:var(--gradient-accent);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.08em}.setup-brand-name{font-weight:700;font-size:26px;color:var(--text-primary);line-height:1.1;font-family:var(--font-display)}.setup-brand-tag{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.setup-title{font-size:38px;line-height:1.1;margin:0;color:var(--text-primary)}.setup-subtitle{font-size:16px;color:var(--muted);max-width:520px;margin:0}.setup-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}.setup-feature-card{background:#ffffffeb;border:1px solid rgba(219,231,225,.9);border-radius:16px;padding:14px 16px;box-shadow:0 12px 24px #0f172a14}.setup-feature-card h3{margin:0 0 6px;font-size:16px;color:var(--text-primary)}.setup-feature-card p{margin:0;font-size:13px;color:var(--muted)}.setup-contact{font-size:12px;color:var(--muted);margin-top:6px}.setup-panel{display:flex;justify-content:center}.setup-panel-card{width:100%;max-width:440px;background:#ffffffeb;border:1px solid rgba(219,231,225,.9);border-radius:22px;padding:32px;box-shadow:0 24px 50px #0f172a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.setup-panel-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,rgba(30,162,121,.2),transparent 45%);pointer-events:none}.setup-panel-title{margin:0 0 8px;font-size:26px;color:var(--text-primary)}.setup-panel-subtitle{margin:0 0 20px;color:var(--muted);font-size:14px}.setup-form{display:flex;flex-direction:column;gap:14px}.setup-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#5b6b67;font-weight:600}.setup-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;font-family:inherit;background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px transparent;transition:border-color .2s ease,box-shadow .2s ease}.setup-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f766e33}.setup-input-code{text-transform:uppercase;text-align:center;letter-spacing:.35em;font-size:18px}.setup-button{height:44px;border-radius:999px;border:none;font-weight:600;font-size:14px;cursor:pointer;color:#fff;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.setup-button:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.8}.setup-button-primary{background:var(--gradient-accent);box-shadow:0 10px 18px #0f766e40}.setup-button-success{background:var(--gradient-accent);box-shadow:0 10px 18px #1ea27938}.setup-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.02)}.setup-muted{margin:0;font-size:14px;color:var(--muted)}.setup-error{margin-top:16px;font-size:14px;color:#b91c1c;background:#f871711f;border:1px solid rgba(248,113,113,.2);padding:10px 12px;border-radius:12px}@media(max-width:980px){.setup-shell{padding:32px 20px 48px}.setup-grid{grid-template-columns:1fr;gap:28px}.setup-feature-grid{grid-template-columns:1fr}.setup-panel{justify-content:flex-start}}@media(max-width:640px){.setup-title{font-size:30px}.setup-panel-card{padding:24px}}