:root{--c-primary: #2D7D46;--c-primary-10: rgba(45, 125, 70, .1);--c-primary-15: rgba(45, 125, 70, .15);--c-primary-25: rgba(45, 125, 70, .25);--c-secondary: #1A6B8A;--c-accent: #F4841E;--c-success: #27AE60;--c-success-dk: #1E8A4C;--c-warning: #E8A020;--c-error: #E05252;--c-bg: #F8FAF5;--c-surface: #FFFFFF;--c-border: #D4E8DA;--c-text-dark: #1C2B1E;--c-text-mid: #4A6B52;--c-text-light: #8FA896;--c-3urte: #F4A5C0;--c-3urte-dk: #C2557E;--c-4urte: #F5C842;--c-4urte-dk: #A8821A;--c-5urte: #7EC8E3;--c-5urte-dk: #2E7A9B;--r-xs: 6px;--r-sm: 12px;--r-md: 20px;--r-lg: 32px;--r-xl: 48px;--sh-card: 0 4px 24px rgba(45, 125, 70, .1);--sh-hover: 0 8px 32px rgba(45, 125, 70, .18);--sh-modal: 0 20px 60px rgba(28, 43, 30, .2);--sh-float: 0 2px 8px rgba(28, 43, 30, .08);--tap-min: 88px;--tap-spot: 110px;--tap-photo: 140px;--tap-class: 160px;--tap-cta: 180px;--f-display: "Nunito", system-ui, sans-serif;--f-body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text-dark);font-family:var(--f-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.kid-mode,.kid-mode *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kid-mode img{pointer-events:none;-webkit-user-drag:none}h1,h2,h3,h4{margin:0;font-family:var(--f-display)}p{margin:0}button{font-family:inherit}@keyframes pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-60px);opacity:0}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.6}}.big-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:280px;min-height:var(--tap-class);padding:24px 40px;border:none;border-radius:var(--r-lg);box-shadow:var(--sh-card);color:#fff;font-family:var(--f-display);font-weight:800;font-size:30px;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.big-btn:active{transform:scale(.96)}.big-btn .big-btn-icon{font-size:56px;line-height:1}.class-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(30vw,240px);min-width:var(--tap-class);min-height:var(--tap-class);padding:20px;border:6px solid rgba(255,255,255,.6);border-radius:var(--r-lg);box-shadow:var(--sh-card);cursor:pointer;transition:transform .15s ease;font-family:var(--f-display)}.class-btn:active{transform:scale(.95)}.class-btn .class-mascot{font-size:64px;line-height:1}.class-btn .class-name{font-weight:900;font-size:28px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25)}.photo-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:var(--tap-photo);padding:12px;background:var(--c-surface);border:3px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-float);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.photo-card:active{transform:scale(.94)}.photo-card .photo-frame{width:104px;height:104px;border-radius:var(--r-sm);overflow:hidden;background:var(--c-primary-10);display:flex;align-items:center;justify-content:center;font-size:56px}.photo-card .photo-frame img{width:100%;height:100%;object-fit:cover}.photo-card .photo-name{font-family:var(--f-display);font-weight:800;font-size:22px;color:var(--c-text-dark);text-align:center;overflow-wrap:anywhere}.spot-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:var(--tap-spot);height:var(--tap-spot);padding:8px;background:var(--c-surface);border:4px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-float);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.spot-card:active{transform:scale(.93)}.spot-card .spot-icon{font-size:44px;line-height:1}.spot-card .spot-icon img{width:52px;height:52px;object-fit:contain}.spot-card .spot-name{font-family:var(--f-display);font-weight:700;font-size:13px;color:var(--c-text-mid);text-align:center;line-height:1.15}.spot-card.selected{border-color:var(--c-success);background:#eaf9f0;animation:pop-in .3s ease}.spot-card.selected .spot-check{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:999px;background:var(--c-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;box-shadow:var(--sh-float)}.spot-card.shake{animation:shake .4s ease}.thumb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:var(--tap-cta);height:var(--tap-cta);border:none;border-radius:999px;background:var(--c-success);color:#fff;box-shadow:0 8px 32px #27ae6066;cursor:pointer;font-family:var(--f-display);font-weight:900;font-size:24px;animation:pulse-soft 3s ease-in-out infinite;transition:transform .15s ease,opacity .2s ease}.thumb-btn:active{transform:scale(.92)}.thumb-btn:disabled{background:#c9d6cc;box-shadow:none;animation:none;cursor:default;opacity:.7}.thumb-btn .thumb-icon{font-size:64px;line-height:1}.sel-dots{display:flex;gap:12px}.sel-dots .dot{width:28px;height:28px;border-radius:999px;border:4px solid var(--c-success);background:transparent;transition:background .2s ease,transform .2s ease}.sel-dots .dot.filled{background:var(--c-success);transform:scale(1.1)}.back-btn{display:inline-flex;align-items:center;gap:10px;min-height:64px;padding:12px 24px;background:var(--c-surface);border:3px solid var(--c-border);border-radius:999px;color:var(--c-text-mid);font-family:var(--f-display);font-weight:800;font-size:20px;cursor:pointer;transition:transform .15s ease}.back-btn:active{transform:scale(.95)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c2b1e80;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal-card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-modal);padding:40px;width:min(480px,100%);display:flex;flex-direction:column;gap:20px;animation:pop-in .25s ease}.modal-card h2{font-family:var(--f-display);font-weight:800;font-size:26px;color:var(--c-text-dark);text-align:center}.modal-card input{font-family:var(--f-body);font-size:22px;padding:16px 20px;border:3px solid var(--c-border);border-radius:var(--r-sm);outline:none;text-align:center}.modal-card input:focus{border-color:var(--c-primary)}.modal-card .modal-error{color:var(--c-error);font-weight:600;text-align:center;animation:shake .4s ease}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-btn{min-height:64px;padding:12px 32px;border:none;border-radius:var(--r-sm);font-family:var(--f-display);font-weight:800;font-size:20px;cursor:pointer;transition:transform .15s ease}.modal-btn:active{transform:scale(.95)}.modal-btn.primary{background:var(--c-primary);color:#fff}.modal-btn.ghost{background:transparent;color:var(--c-text-mid)}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:200;overflow:hidden}.celebration .celeb-title{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,8vw,72px);color:var(--c-primary);animation:pop-in .5s ease;text-align:center}.celebration .celeb-spots{display:flex;gap:20px;font-size:64px;animation:pop-in .6s ease .2s backwards}.confetti-piece{position:absolute;top:0;width:14px;height:14px;border-radius:3px;animation:confetti-fall linear forwards}.status-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;text-align:center}.status-screen .status-emoji{font-size:96px}.status-screen .status-title{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,6vw,48px);color:var(--c-primary)}.sarrera{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:96px 24px 24px;background:radial-gradient(circle at 15% 20%,var(--c-primary-10) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(244,132,30,.08) 0%,transparent 40%),var(--c-bg)}.sarrera-title{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,8vw,64px);color:var(--c-primary);text-align:center}.sarrera-subtitle{color:var(--c-text-mid);font-size:20px;text-align:center}.sarrera-buttons{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;margin-top:16px}.kid-screen{min-height:100vh;display:flex;flex-direction:column}.kid-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--c-surface);border-bottom:3px solid var(--c-border);position:sticky;top:0;z-index:10}.kid-title{font-family:var(--f-display);font-weight:900;font-size:clamp(22px,4vw,34px);color:var(--c-primary);text-align:center;flex:1}.kid-title.on-color{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25)}.kid-header-spacer{width:120px}.gelak-grid{flex:1;display:grid;grid-template-columns:repeat(3,minmax(var(--tap-class),1fr));gap:24px;align-content:center;justify-items:center;padding:32px;max-width:900px;margin:0 auto;width:100%}@media (max-width: 700px){.gelak-grid{grid-template-columns:repeat(2,1fr)}}.photo-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tap-photo),1fr));gap:20px;justify-items:center;align-content:start;padding:28px;max-width:1000px;margin:0 auto;width:100%}.spot-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tap-spot),1fr));gap:18px;justify-items:center;align-content:start;padding:24px 24px 8px;max-width:960px;margin:0 auto;width:100%}.aukeratu-footer{position:sticky;bottom:0;display:flex;justify-content:center;padding:12px 24px 20px;background:linear-gradient(180deg,transparent 0%,var(--c-bg) 35%)}.t-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 80% 15%,rgba(26,107,138,.1) 0%,transparent 45%),var(--c-bg)}.t-login-card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-card);border:1px solid var(--c-border);padding:40px;width:min(440px,100%);display:flex;flex-direction:column;gap:18px;text-align:center}.t-login-card h1{font-family:var(--f-display);font-weight:900;font-size:30px;color:var(--c-secondary)}.t-login-card input{font-size:20px;padding:14px 18px;border:3px solid var(--c-border);border-radius:var(--r-sm);text-align:center;outline:none}.t-login-card input:focus{border-color:var(--c-secondary)}.t-shell{display:flex;min-height:100vh}.t-sidebar{width:240px;flex-shrink:0;background:linear-gradient(180deg,#f2f8f4,#e8f4ee);border-right:1px solid var(--c-border);display:flex;flex-direction:column;padding:20px 12px;gap:4px;position:sticky;top:0;height:100vh}.t-sidebar .t-logo{font-family:var(--f-display);font-weight:900;font-size:20px;color:var(--c-primary);padding:8px 12px 20px}.t-nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--c-text-mid);font-family:var(--f-body);font-weight:600;font-size:15px;cursor:pointer;text-align:left;text-decoration:none}.t-nav-item:hover{background:var(--c-primary-10);color:var(--c-primary)}.t-nav-item.active{background:var(--c-primary-15);color:var(--c-primary);border-left:4px solid var(--c-primary)}.t-nav-item.logout{margin-top:auto;color:var(--c-error)}.t-main{flex:1;padding:28px 32px;max-width:1100px}.t-main h1{font-family:var(--f-display);font-weight:800;font-size:28px;color:var(--c-text-dark);margin-bottom:20px}.t-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.t-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--r-sm);background:var(--c-primary);color:#fff;font-family:var(--f-body);font-weight:600;font-size:15px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.t-btn:hover{filter:brightness(1.08)}.t-btn:active{transform:scale(.97)}.t-btn.secondary{background:transparent;color:var(--c-primary);border:2px solid var(--c-primary)}.t-btn.danger{background:#fbe8e8;color:#a83030}.t-btn.sm{padding:6px 12px;font-size:13px}.t-btn:disabled{background:#e8ede9;color:var(--c-text-light);cursor:default}.t-select,.t-input{padding:10px 14px;border:2px solid var(--c-border);border-radius:var(--r-sm);font-family:var(--f-body);font-size:15px;background:var(--c-surface);outline:none}.t-select:focus,.t-input:focus{border-color:var(--c-primary)}.t-tabs{display:flex;gap:6px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;padding:4px}.t-tab{padding:8px 18px;border:none;border-radius:999px;background:transparent;color:var(--c-text-mid);font-weight:600;font-size:14px;cursor:pointer}.t-tab.active{background:var(--c-primary);color:#fff}.t-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-float);padding:20px;margin-bottom:20px}.t-card h2{font-family:var(--f-display);font-weight:800;font-size:18px;color:var(--c-secondary);margin-bottom:12px}.t-table{width:100%;border-collapse:collapse;font-size:14px}.t-table th{text-align:left;padding:8px 10px;color:var(--c-text-light);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--c-border)}.t-table td{padding:8px 10px;border-bottom:1px solid #eef4ef;vertical-align:middle}.t-table tr:hover td{background:#f7fbf8}.t-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.t-bar-label{width:190px;font-size:14px;display:flex;align-items:center;gap:6px}.t-bar-track{flex:1;height:18px;background:#eef4ef;border-radius:999px;overflow:hidden}.t-bar-fill{height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-accent));border-radius:999px;transition:width .5s ease}.t-bar-num{width:40px;text-align:right;font-weight:700;color:var(--c-text-mid);font-size:14px}.t-thumb{width:48px;height:64px;border-radius:8px;object-fit:cover;background:var(--c-primary-10);display:flex;align-items:center;justify-content:center;font-size:26px}.t-thumb.square{width:56px;height:56px}.t-chip{display:inline-flex;align-items:center;gap:4px;background:var(--c-primary-10);color:var(--c-primary);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;margin:2px}.t-chip img{width:18px;height:18px;border-radius:4px;object-fit:cover}.t-edit-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef4ef;flex-wrap:wrap}.t-error{color:var(--c-error);font-weight:600}.t-muted{color:var(--c-text-light);font-size:13px}.report-page{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:28px;margin-bottom:20px}.report-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px;border-bottom:3px solid var(--c-primary);padding-bottom:12px}.report-logo{flex-shrink:0}.report-titles{flex:1}.report-head h1{font-family:var(--f-display);font-weight:900;font-size:24px;color:var(--c-primary);margin:0}.report-sub{color:var(--c-text-mid);font-size:14px;margin-top:2px}.report h2,.report-page h2{font-family:var(--f-display);font-weight:800;font-size:16px;color:var(--c-secondary);margin:16px 0 8px}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th{text-align:left;padding:6px 8px;border-bottom:2px solid var(--c-border);color:var(--c-text-light);font-size:11px;text-transform:uppercase}.report-table td{padding:6px 8px;border-bottom:1px solid #eef4ef}.report-bar{height:12px;background:#eef4ef;border-radius:999px;overflow:hidden}.report-bar>div{height:100%;background:var(--c-primary);border-radius:999px}.editable-field{display:inline-block;min-width:120px;outline:none;border-bottom:2px dashed var(--c-border);padding:0 4px;cursor:text}.editable-field:focus{border-bottom-color:var(--c-primary);background:#f7fbf8}.editable-field:empty:before{content:attr(data-placeholder);color:var(--c-text-light);font-weight:400;font-style:italic}.report-note-block{margin-top:18px}.note-status{font-size:12px;font-weight:500;color:var(--c-text-light);margin-left:8px}.report-note{border:2px dashed var(--c-border);border-radius:10px;padding:10px 12px;min-height:64px;font-size:13px;line-height:1.6;outline:none;cursor:text;white-space:pre-wrap}.report-note:focus{border-color:var(--c-primary);background:#f7fbf8}.report-note:empty:before{content:attr(data-placeholder);color:var(--c-text-light);font-style:italic}@media print{.t-sidebar,.no-print,footer{display:none!important}.t-shell{display:block}.t-main{max-width:none;padding:0}.report-page{border:none;border-radius:0;box-shadow:none;page-break-after:always;margin:0;padding:0 0 20px}body{background:#fff}.editable-field{border-bottom:none;padding:0;min-width:0}.editable-field:empty:before,.report-note:empty:before{content:""}.report-note{border:1px solid #ccc}.note-status{display:none}}@media (max-width: 820px){.t-shell{flex-direction:column}.t-sidebar{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;align-items:center}.t-sidebar .t-logo{padding:8px;font-size:16px}.t-nav-item.logout{margin-top:0;margin-left:auto}.t-main{padding:20px 16px}}