:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}input[type=password]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}input[type=password]:focus{outline:none;border-color:#3498db}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5;min-height:100vh}.app{min-height:100vh}.main-nav{background:#2c3e50;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{color:#fff;font-size:1.25rem;font-weight:600;text-decoration:none}.nav-link{color:#bdc3c7;text-decoration:none;font-size:.9rem}.nav-link:hover{color:#fff}main{padding:2rem;max-width:1200px;margin:0 auto}.order-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:900px){.order-container{grid-template-columns:1fr}.preview-section{order:-1}}.form-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.form-section h1{margin-bottom:1.5rem;color:#2c3e50;font-size:1.5rem}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:500px){.form-row{grid-template-columns:1fr}}label{display:block;margin-bottom:.5rem;font-weight:500;color:#34495e;font-size:.9rem}input[type=text],input[type=email]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}input[type=text]:focus,input[type=email]:focus{outline:none;border-color:#3498db}.radio-group{display:flex;gap:1.5rem;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}button{background:#3498db;color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background .2s;width:100%}button:hover:not(:disabled){background:#2980b9}button:disabled{background:#bdc3c7;cursor:not-allowed}.preview-section{position:sticky;top:2rem}.nametag-preview{display:flex;flex-direction:column;align-items:center}.nametag{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;width:280px;padding:1.25rem;border-radius:8px;text-align:center;box-shadow:0 4px 20px #0003;border:3px solid #f39c12}.nametag-header{font-size:.7rem;letter-spacing:3px;color:#f39c12;margin-bottom:.75rem;font-weight:600}.nametag-line1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;word-break:break-word;min-height:2rem}.nametag-line2{font-size:1rem;color:#ecf0f1;word-break:break-word;min-height:1.5rem}.preview-label{margin-top:1rem;color:#7f8c8d;font-size:.85rem}.download-btn{margin-top:1rem;background:#9b59b6;padding:.75rem 1.5rem;width:auto}.download-btn:hover:not(:disabled){background:#8e44ad}.success-message{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center;max-width:500px;margin:0 auto}.success-message h2{color:#27ae60;margin-bottom:1rem}.success-message p{color:#7f8c8d;margin-bottom:2rem}.success-message button{width:auto}.error-message{background:#e74c3c;color:#fff;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.letters-only-note{color:#7f8c8d;font-size:.85rem;font-style:italic;margin:-.5rem 0 1rem}.admin-login{max-width:400px;margin:2rem auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.admin-login h1{text-align:center;margin-bottom:1.5rem;color:#2c3e50}.admin-dashboard{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.dashboard-header h1{color:#2c3e50;font-size:1.5rem}.logout-btn{background:#e74c3c;width:auto;padding:.5rem 1rem;font-size:.9rem}.logout-btn:hover{background:#c0392b}.dashboard-controls{margin-bottom:1.5rem}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{margin-bottom:0;font-weight:600}.filter-group select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.no-orders,.loading{text-align:center;color:#7f8c8d;padding:3rem}.orders-table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-size:.9rem}.orders-table th,.orders-table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.orders-table th{background:#f8f9fa;font-weight:600;color:#2c3e50;white-space:nowrap}.orders-table tr:hover{background:#f8f9fa}.complete-row{background:#f0fff0!important}.tag-text{font-weight:500;color:#2c3e50}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.complete{background:#d4edda;color:#155724}.actions{white-space:nowrap}.action-btn{padding:.35rem .75rem;font-size:.8rem;margin-right:.5rem;width:auto}.complete-btn{background:#27ae60}.complete-btn:hover{background:#219a52}.pending-btn{background:#f39c12}.pending-btn:hover{background:#d68910}.delete-btn{background:#e74c3c}.delete-btn:hover{background:#c0392b}.action-btn.download-btn{background:#9b59b6}.action-btn.download-btn:hover{background:#8e44ad}.home-page{text-align:center}.home-page h1{color:#2c3e50;margin-bottom:.5rem}.home-page .subtitle{color:#7f8c8d;margin-bottom:2rem}.clubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.club-card{background:#fff;border-radius:8px;padding:1.5rem;text-decoration:none;box-shadow:0 2px 10px #0000001a;transition:transform .2s,box-shadow .2s}.club-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #00000026}.club-card h3{color:#2c3e50;margin-top:1rem}.club-preview{height:60px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;letter-spacing:2px;border:2px solid}.no-clubs{text-align:center;background:#fff;padding:3rem;border-radius:8px;max-width:500px;margin:0 auto}.no-clubs h1{margin-bottom:1rem}.no-clubs p{color:#7f8c8d}.club-not-found{text-align:center;background:#fff;padding:3rem;border-radius:8px;max-width:500px;margin:0 auto}.club-not-found h1{color:#e74c3c;margin-bottom:1rem}.back-link{color:#3498db;text-decoration:none;display:inline-block;margin-top:1rem}.back-link:hover{text-decoration:underline}.success-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.header-actions{display:flex;gap:.75rem;align-items:center}.nav-btn{background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.9rem}.nav-btn:hover{background:#2980b9}.add-btn{background:#27ae60;width:auto;padding:.5rem 1rem;font-size:.9rem}.add-btn:hover{background:#219a52}.club-manager{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.club-form{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.club-form .form-row{grid-template-columns:repeat(3,1fr);margin-bottom:1rem}@media(max-width:768px){.club-form .form-row{grid-template-columns:1fr}}.club-form small{color:#7f8c8d;font-size:.8rem}.club-form button{width:auto}.template-editor{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.editor-header h1{color:#2c3e50;font-size:1.5rem}.editor-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:900px){.editor-container{grid-template-columns:1fr}}.editor-controls{max-height:80vh;overflow-y:auto;padding-right:1rem}.editor-controls h3{color:#2c3e50;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.editor-controls h3:first-child{margin-top:0}.editor-preview{position:sticky;top:2rem}.editor-preview h3{color:#2c3e50;margin-bottom:1rem;text-align:center}.color-input{display:flex;gap:.5rem;align-items:center}.color-input input[type=color]{width:50px;height:38px;padding:0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.color-input input[type=text]{flex:1}input[type=range]{width:100%;cursor:pointer}input[type=file]{width:100%;padding:.5rem;border:1px dashed #ddd;border-radius:4px;cursor:pointer}select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.save-btn{background:#27ae60;margin-top:1.5rem}.save-btn:hover{background:#219a52}.success-banner{background:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.password-form-container{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;max-width:400px}.password-form h3{margin-bottom:1rem;color:#2c3e50}.password-form .form-group{margin-bottom:1rem}.password-form input[type=password]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.dashboard-controls{display:flex;gap:1.5rem;flex-wrap:wrap}.position-controls{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.position-row{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#7f8c8d;font-size:.85rem}.position-row span{min-width:140px}.lock-btn{background:#95a5a6;padding:.25rem .5rem;font-size:.75rem;width:auto}.lock-btn:hover{background:#7f8c8d}.lock-btn.locked{background:#e74c3c}.lock-btn.locked:hover{background:#c0392b}.align-btn{background:#3498db;padding:.25rem .5rem;font-size:.75rem;width:auto}.align-btn:hover{background:#2980b9}