.app{max-width:480px;margin:0 auto;padding:16px 16px 80px}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.header h1{font-size:18px;color:#e74c3c}.role-toggle{display:flex;gap:4px;background:#f5f5f5;padding:4px;border-radius:8px}.role-toggle button{padding:6px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.role-toggle button.active{background:#e74c3c;color:#fff}.main{display:flex;flex-direction:column;gap:16px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}.card h2{font-size:16px;margin-bottom:16px;color:#333}.card h3{font-size:14px;margin:12px 0;color:#666}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary{background:#e74c3c;color:#fff}.btn-secondary{background:#f5f5f5;color:#333}.btn-success{background:#27ae60;color:#fff}.btn-warning{background:#f39c12;color:#fff}.btn-danger{background:#c0392b;color:#fff}.btn-info{background:#3498db;color:#fff}.btn-large{width:100%;padding:16px;font-size:16px}.btn-small{padding:4px 8px;font-size:12px;border-radius:4px}.btn:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.stat-item{text-align:center;padding:8px;background:#f8f9fa;border-radius:8px}.stat-value{display:block;font-size:20px;font-weight:700;color:#e74c3c}.stat-label{font-size:11px;color:#666}.nfc-reader{text-align:center;padding:24px 0}.nfc-reader .hint{margin-top:12px;font-size:13px;color:#999}.result-box{margin-top:16px;padding:16px;border-radius:8px;text-align:center}.result-box.success{background:#d4edda;color:#155724}.result-box.error{background:#f8d7da;color:#721c24}.result-box.warning{background:#fff3cd;color:#856404}.result-msg{font-size:16px;margin-bottom:12px}.student-info p{margin:4px 0;font-size:14px}.form-section{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:16px}.form-row{display:flex;gap:8px;margin-bottom:8px}.form-row input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.search-bar{margin-bottom:12px}.search-bar input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.student-list,.gift-list{display:flex;flex-direction:column;gap:8px}.student-item,.gift-item{display:flex;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;gap:8px}.student-main,.gift-info{flex:1}.student-name,.gift-name{font-weight:700;color:#333}.student-id,.gift-cost{font-size:12px;color:#666}.student-points,.gift-stock{font-size:13px;color:#e74c3c;font-weight:700}.student-actions,.gift-actions{display:flex;gap:4px}.empty{text-align:center;color:#999;padding:24px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:12px;width:280px;text-align:center}.modal-content h3{margin-bottom:12px}.modal-content p{margin-bottom:16px;color:#666}.modal-input input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;text-align:center}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions .btn{flex:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;background:#333;color:#fff;border-radius:8px;font-size:14px;z-index:1001}.toast.error{background:#c0392b}.query-form{display:flex;gap:8px;margin-bottom:16px}.query-form input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.student-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin-bottom:16px}.student-header{display:flex;justify-content:space-between;margin-bottom:12px}.student-card .student-name{font-size:18px;font-weight:700}.student-card .student-id{font-size:13px;opacity:.8}.points-display{text-align:center}.points-value{display:block;font-size:36px;font-weight:700}.points-label{font-size:13px;opacity:.8}.points-history{margin-top:16px}.log-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #eee;font-size:13px}.log-type{width:50px;color:#666}.log-points{width:50px;font-weight:700}.log-points.positive{color:#27ae60}.log-points.negative{color:#c0392b}.log-reason{flex:1;color:#333}.log-time{color:#999;font-size:12px}.gift-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gift-card{background:#f8f9fa;padding:12px;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s}.gift-card:active{transform:scale(.98)}.gift-card .gift-name{font-size:14px;margin-bottom:4px}.gift-card .gift-cost{color:#e74c3c;font-weight:700}.gift-card .gift-stock{font-size:11px;color:#999}