:root{--primary-color: #3b82f6;--bg-cream: #fbf8f1;--text-main: #333333;--accent-red: #e11d48;--font-mincho: "Sawarabi Mincho", serif;--font-handwriting: "Klee One", cursive;--highlighter-yellow: rgba(255, 255, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mincho);color:var(--text-main);background-color:#1a1a1a;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600}button{font-family:inherit}.top-screen{position:relative;width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 0}.board-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/backgrounds/board.png);background-size:cover;background-position:center;filter:brightness(.7) contrast(1.1);z-index:1}.bulletin-board{position:relative;z-index:2;width:90%;max-width:1200px;display:flex;flex-direction:column;align-items:center}.board-title{color:#2c1a0b;font-size:2.2rem;margin-bottom:3rem;letter-spacing:3px;background:linear-gradient(to bottom,#f3e6cd,#d8c39b);padding:15px 40px;border-radius:4px;box-shadow:0 4px 10px #0009,inset 0 0 0 2px #b08d55,inset 0 0 0 4px #eaddc0;text-shadow:1px 1px 0px rgba(255,255,255,.5);font-family:var(--font-mincho);font-weight:700;position:relative;display:inline-block;text-align:center}.board-title:before,.board-title:after{content:"";position:absolute;top:50%;width:12px;height:12px;background:radial-gradient(circle at center,#888,#333);border-radius:50%;transform:translateY(-50%);box-shadow:inset 1px 1px 2px #fff6,1px 1px 3px #0009}.board-title:before{left:15px}.board-title:after{right:15px}.print-container{display:flex;gap:4rem;justify-content:center;align-items:flex-start;width:100%}.print-paper{background-color:var(--bg-cream);background-image:linear-gradient(90deg,transparent 95%,rgba(0,0,0,.02) 100%),linear-gradient(transparent 95%,#00000005);background-size:20px 20px;padding:2rem 3rem;border-radius:2px;box-shadow:3px 4px 10px #0006,inset 0 0 40px #0000000d;position:relative;width:45%;max-width:400px;transform:rotate(-1deg);transition:transform .3s ease}.print-paper:nth-child(2){transform:rotate(2deg)}.print-paper:hover{transform:translateY(-5px) rotate(0) scale(1.02);z-index:10}.pin{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff6b6b,#c92a2a);box-shadow:2px 2px 4px #00000080,inset -2px -2px 4px #0000004d}.pin:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff9;border-radius:50%;transform:translate(-50%,-50%)}.pin-top-left{top:15px;left:15px}.pin-top-right{top:15px;right:15px}.class-title{text-align:center;font-size:1.8rem;margin-bottom:1.5rem;border-bottom:2px solid #333;padding-bottom:.5rem}.student-list{width:100%;border-collapse:collapse}.student-list th,.student-list td{padding:10px 5px;text-align:center;border-bottom:1px dotted rgba(0,0,0,.2)}.student-list th{font-weight:600;font-size:1.1rem}.student-list td{font-size:1.2rem;position:relative;cursor:pointer;z-index:1}.handwriting{font-family:var(--font-handwriting);font-size:1.3rem!important}.student-row{background-image:linear-gradient(to right,var(--highlighter-yellow) 0%,var(--highlighter-yellow) 100%);background-size:0% 100%;background-repeat:no-repeat;transition:background-size .3s cubic-bezier(.25,1,.5,1)}.student-row:hover{background-size:100% 100%}@media(max-width:900px){.print-container{flex-direction:column;align-items:center;gap:2rem}.print-paper{width:90%;transform:none}.print-paper:nth-child(2){transform:none}.board-title{font-size:1.5rem;text-align:center}}.report-card-screen{position:absolute;top:0;left:0;width:100vw;min-height:100vh;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:6vh 0 10vh;perspective:1000px}.desk-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/backgrounds/desk.png);background-size:100% auto;background-repeat:repeat;background-color:#3b2b1a;z-index:1;transform:scale(1);transition:transform .4s cubic-bezier(.2,.9,.3,1.1)}.zoomed-in .desk-background{transform:scale(1.4)}.report-paper-container{position:relative;z-index:2;width:95%;max-width:900px;margin:0;transform:scale(.4) translateY(5vh);opacity:0;transition:transform .4s cubic-bezier(.2,.9,.3,1.1),opacity .3s ease-out}.zoomed-in .report-paper-container{transform:scale(1) translateY(0);opacity:1}.back-button{position:fixed;top:20px;right:20px;background-color:#0009;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s;z-index:10}.back-button:hover{background-color:#000c}.report-paper{background-color:#fcfbfa;background-image:linear-gradient(45deg,rgba(0,0,0,.01) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.01) 75%,rgba(0,0,0,.01)),linear-gradient(45deg,rgba(0,0,0,.01) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.01) 75%,rgba(0,0,0,.01));background-size:20px 20px;background-position:0 0,10px 10px;padding:3rem;border-radius:2px;box-shadow:0 20px 40px #0000004d,0 5px 15px #0003,inset 0 0 50px #00000008;color:#222;border:1px solid #e0dfdb}.report-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px double #333;padding-bottom:1rem;margin-bottom:2rem}.school-name{font-size:1.2rem;font-weight:400;margin-bottom:.5rem;color:#555}.report-title{font-size:2.2rem;letter-spacing:2px}.student-info-box{border:2px solid #333;padding:10px 15px;min-width:280px;background-color:#fff}.student-class{text-align:center;border-bottom:1px dotted #999;padding-bottom:5px;margin-bottom:8px;font-size:1.1rem}.student-name-row{display:flex;align-items:bottom;font-size:1.1rem}.student-no-label,.student-name-label{font-size:.9rem;margin-right:5px;color:#555;align-self:flex-end}.student-name-label{margin-left:15px}.student-no{font-size:1.5rem!important;min-width:30px;text-align:center}.student-name{font-size:1.4rem;font-weight:600;margin-left:5px;white-space:nowrap;line-height:1;padding-top:.5rem}.student-name.long-name{font-size:1.1rem;padding-top:.8rem}.report-body{display:flex;gap:3rem}.report-left{flex:0 0 280px;display:flex;flex-direction:column;gap:2rem}.polaroid-photo{background:#fff;padding:10px 10px 40px;box-shadow:2px 4px 10px #0003;transform:rotate(-2deg);border:1px solid #ddd;position:relative}.polaroid-photo img{width:100%;height:auto;display:block;border:1px solid #ccc;aspect-ratio:1/1;object-fit:cover;object-position:top}.photo-caption{position:absolute;bottom:15px;left:0;width:100%;text-align:center;font-size:1.3rem!important;color:#333}.gender-tag{position:absolute;top:-10px;right:-10px;background-color:#333;color:#fff;padding:4px 12px;border-radius:4px;font-size:.9rem;box-shadow:2px 2px 5px #0000004d;transform:rotate(3deg);border:1px solid rgba(255,255,255,.2)}.report-right{flex:1;display:flex;flex-direction:column;gap:2rem}.report-right table{width:100%;border-collapse:collapse;margin-top:10px}.report-right th,.report-right td{border:1px solid #333;padding:8px 12px}.report-right th{background-color:#0000000d;font-weight:400}h3{font-size:1.2rem;border-left:4px solid #333;padding-left:10px;margin-bottom:-5px}.grades-table th:nth-child(2){width:120px;text-align:center}.grade-cell{text-align:center;font-size:1.8rem!important;color:#d32f2f;font-weight:700}.attendance-table th{width:20%}.attendance-table td{width:30%;text-align:center;font-size:1.1rem}.remarks-cell{text-align:left!important;font-size:.95rem!important;padding:10px!important}.teacher-comments-section{flex-grow:1;display:flex;flex-direction:column}.comment-box{flex-grow:1;border:1px solid #333;margin-top:10px;padding:15px;min-height:120px;background-image:linear-gradient(transparent 95%,#ddd 5%);background-size:100% 2em;background-origin:content-box;line-height:2em}.teacher-pen{font-size:1.3rem!important;margin-top:-2px}.stamp-section{display:flex;justify-content:flex-end;margin-top:-10px}.stamp-box{width:80px;height:80px;border:1px solid #333;position:relative;display:flex;justify-content:center;align-items:center}.stamp-label{position:absolute;top:5px;left:5px;font-size:.7rem;color:#666;z-index:1}.stamp-img{width:60px;height:60px;opacity:.85;mix-blend-mode:multiply;transform:rotate(5deg);position:relative;z-index:2}@media(max-width:800px){.report-body{flex-direction:column;gap:1.5rem}.report-left{flex:none;flex-direction:row;align-items:center;gap:1.5rem}.polaroid-photo{width:150px;flex-shrink:0}.report-header{flex-direction:column;align-items:flex-start;gap:1rem}.student-info-box{align-self:flex-end}}body{font-family:Sawarabi Mincho,serif;color:#333}.teacher-pen{font-family:Klee One,cursive;color:#d32f2f;font-weight:600;line-height:1.6;transform:rotate(-.5deg);display:inline-block;opacity:.9;text-shadow:.3px .3px 1px rgba(211,47,47,.2)}.app-container{width:100vw;min-height:100vh;position:relative}.temp-report-view{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-cream)}.temp-report-view button{margin-top:20px;padding:10px 20px;font-size:1.2rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}