:root{--primary: #111111;--primary-dark: #050505;--primary-light: #2a2a2a;--accent: #d90429;--accent-dark: #a3001d;--success: #38a169;--success-bg: #f0fff4;--success-border: #9ae6b4;--danger: #e53e3e;--danger-bg: #fff5f5;--danger-border: #feb2b2;--warning-bg: #fffbeb;--warning-border: #fcd34d;--warning-text: #92400e;--info-bg: #f7f7f7;--info-border: #e4e4e7;--info-text: #27272a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--white: #ffffff;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--radius: 8px;--radius-lg: 12px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-700);line-height:1.5;font-size:15px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:600;border:2px solid transparent;transition:background var(--transition),color var(--transition),border-color var(--transition);cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn-secondary{background:#171717;color:var(--white);border-color:#171717}.btn-secondary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{background:var(--danger);color:var(--white);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#c53030}.btn-outline{background:transparent;color:#171717;border-color:#171717}.btn-outline:hover:not(:disabled){background:var(--primary);color:var(--white)}.btn-sm{padding:5px 12px;font-size:13px}.btn-full{width:100%}.btn-link{background:none;border:none;padding:0;font-weight:500;font-size:14px}.btn-link-blue{color:#2563eb}.btn-link-blue:hover{text-decoration:underline}.btn-link-green{color:var(--success)}.btn-link-green:hover{text-decoration:underline}.btn-link-red{color:var(--danger)}.btn-link-red:hover{text-decoration:underline}.btn-link-gray{color:var(--gray-500)}.btn-link-gray:hover{text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:4px;min-width:0}.form-label{font-size:13px;font-weight:500;color:var(--gray-700)}.form-label-sub{font-weight:400;color:var(--gray-400);font-size:12px}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px;color:var(--gray-700);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8571a26}.form-input[type=date]{width:100%;max-width:100%;min-width:0}.form-textarea{resize:vertical;min-height:90px}.form-input-pin{font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:12px;text-align:center;max-width:140px}.form-hint{font-size:12px;color:var(--gray-500);margin-top:3px}.form-check{display:flex;align-items:center;gap:10px}.form-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--success);cursor:pointer}.form-check label{font-size:14px;font-weight:500;color:var(--gray-700);cursor:pointer}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-pin{display:flex;align-items:center;gap:10px}.form-actions{display:flex;gap:12px;margin-top:8px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.alert{padding:12px 16px;border-radius:var(--radius);font-size:14px;border:1px solid transparent}.alert-error{background:var(--danger-bg);border-color:var(--danger-border);color:#9b2c2c}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:#276749}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.alert-title{font-weight:600;font-size:13px;margin-bottom:4px}.preserve-lines{white-space:pre-line}.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.badge-orange{background:#ffedd5;color:#9a3412}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.paid-btn{padding:3px 12px;border-radius:99px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:background var(--transition)}.paid-btn.paid{background:#dcfce7;color:#166534}.paid-btn.paid:hover{background:#bbf7d0}.paid-btn.unpaid{background:#fee2e2;color:#991b1b}.paid-btn.unpaid:hover{background:#fecaca}.navbar{background:linear-gradient(90deg,#0a0a0a,#1c1c1c 55%,#8a0017);color:var(--white);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.navbar-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.navbar-left{display:flex;align-items:center;gap:24px;min-width:0}.navbar-brand{font-size:17px;font-weight:700;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color var(--transition);white-space:nowrap;flex-shrink:0}.navbar-brand-logo{width:34px;height:34px;border-radius:999px;box-shadow:0 0 0 2px #fff3;background:#fffffff2}.navbar-brand:hover{color:#ffd6de}.navbar-links-desktop{display:flex;align-items:center;gap:20px}.navbar-link{font-size:14px;color:#f4c8d1;text-decoration:none;transition:color var(--transition)}.navbar-link:hover{color:var(--white)}.navbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.navbar-user{font-size:13px;color:#f7dbe0;white-space:nowrap}.navbar-logout{font-size:13px;background:#dc2626;color:var(--white);border:none;padding:6px 14px;border-radius:var(--radius);cursor:pointer;transition:background var(--transition);white-space:nowrap}.navbar-logout:hover{background:#b91c1c}.navbar-hamburger{display:none;background:transparent;border:none;color:var(--white);padding:4px;border-radius:4px;cursor:pointer;align-items:center;justify-content:center}.navbar-hamburger:hover{background:#ffffff1a}.navbar-mobile-menu{background:#111;border-top:1px solid rgba(255,255,255,.12);padding:8px 0}.navbar-mobile-link{display:flex;align-items:center;gap:10px;padding:13px 24px;font-size:15px;color:#f4c8d1;text-decoration:none;transition:background var(--transition),color var(--transition)}.navbar-mobile-link:hover{background:#ffffff14;color:var(--white)}.navbar-mobile-divider{height:1px;background:#ffffff1a;margin:6px 0}.navbar-mobile-logout{display:block;width:100%;text-align:left;padding:13px 24px;font-size:15px;background:transparent;border:none;color:#fca5a5;cursor:pointer;transition:background var(--transition)}.navbar-mobile-logout:hover{background:#dc262626}.page-wrapper{min-height:100vh;background:var(--gray-50)}.page-content{max-width:1280px;margin:0 auto;padding:32px 24px}.page-content-md{max-width:768px;margin:0 auto;padding:32px 24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.page-title{font-size:28px;font-weight:700;color:var(--primary)}.page-back{margin-bottom:24px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--gray-600);text-decoration:none;padding:6px 14px 6px 10px;border-radius:99px;background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow);transition:color var(--transition),border-color var(--transition),background var(--transition),box-shadow var(--transition);cursor:pointer}.back-link:before{content:"←";font-size:14px}.back-link:hover{color:var(--primary);border-color:var(--primary);background:#eff6ff;box-shadow:0 2px 6px #1a365d1f}.auth-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,#3b0a12,#111 45%,#050505);display:flex;align-items:center;justify-content:center;padding:24px}.auth-wrapper{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:28px;font-weight:700;color:var(--white)}.auth-subtitle{font-size:14px;color:#f2bcc6;margin-top:6px}.auth-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px}.auth-hint{font-size:12px;color:var(--gray-400);text-align:center;margin-top:16px}.auth-form{display:flex;flex-direction:column;gap:20px}.register-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,#490b15,#141414 46%,#050505);display:flex;align-items:flex-start;justify-content:center;padding:32px 16px}.register-wrapper{width:100%;max-width:680px}.register-header{text-align:center;margin-bottom:32px}.register-title{font-size:30px;font-weight:700;color:var(--white)}.register-subtitle{font-size:14px;color:#f2bcc6;margin-top:4px}.brand-logo{display:block;margin:0 auto 12px;border-radius:999px;background:#fffffff5;box-shadow:0 10px 24px #00000047,0 0 0 2px #fff3}.brand-logo-lg{width:88px;height:88px}.brand-logo-xl{width:100px;height:100px}.pin-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px}.pin-form{display:flex;flex-direction:column;gap:20px;margin-top:8px}.pin-card-title{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:4px}.pin-card-sub{color:var(--gray-500);font-size:14px;margin-bottom:4px}.camp-card-public{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;border-left:4px solid var(--accent);margin-bottom:20px}.camp-card-title{font-size:22px;font-weight:700;color:var(--primary);margin-bottom:12px}.camp-meta-row{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;margin-bottom:8px}.camp-meta-item{color:var(--gray-600)}.camp-meta-item strong{color:var(--gray-800)}.camp-meta-price{color:var(--accent);font-weight:700}.camp-slots{display:flex;gap:20px;font-size:13px;color:var(--gray-600);margin-top:6px}.reg-form-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px}.reg-form{display:flex;flex-direction:column;gap:18px}.reg-form-title{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:8px}.reg-form-disclaimer{font-size:12px;color:var(--gray-500);text-align:center}.success-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:48px 32px;text-align:center}.success-icon{font-size:56px;display:block;margin-bottom:16px}.success-title{font-size:22px;font-weight:700;color:var(--success);margin-bottom:10px}.success-title-danger{color:var(--danger)}.success-text{color:var(--gray-600);font-size:15px}.success-note{font-size:13px;color:var(--gray-400);margin-top:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:22px 24px;border-top:4px solid var(--gray-300)}.stat-card-orange{border-top-color:var(--accent)}.stat-card-green{border-top-color:var(--success)}.stat-card-blue{border-top-color:#3b82f6}.stat-label{font-size:13px;color:var(--gray-500)}.stat-value{font-size:36px;font-weight:700;color:var(--primary);margin:4px 0}.stat-sub{font-size:11px;color:var(--gray-400)}.admin-actions{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.section-heading{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:16px}.camps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:32px}.dashboard-camp-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;border:1px solid var(--gray-200);text-decoration:none;display:block;transition:box-shadow var(--transition),transform var(--transition)}.dashboard-camp-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-camp-card.past{opacity:.65}.dashboard-camp-name{font-weight:700;color:var(--primary);font-size:15px;transition:color var(--transition)}.dashboard-camp-card:hover .dashboard-camp-name{color:var(--accent)}.camp-badge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-camp-meta{font-size:13px;color:var(--gray-500);margin-top:4px}.dashboard-camp-meta-payment{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:8px;padding:6px 8px}.dashboard-camp-meta-revenue{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:6px 8px}.dashboard-camp-meta-payment,.dashboard-camp-meta-revenue{font-weight:600}.dashboard-camp-meta-payment+.dashboard-camp-meta-revenue{margin-top:6px}.dashboard-camp-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--gray-100)}.dashboard-camp-count{font-size:13px;font-weight:600;color:var(--gray-700)}.dashboard-camp-price{font-size:13px;font-weight:700;color:var(--accent)}.empty-state{text-align:center;padding:64px 24px;color:var(--gray-500)}.empty-state-icon{font-size:48px;display:block;margin-bottom:16px}.empty-state-title{font-size:17px;font-weight:600;color:var(--gray-600);margin-bottom:8px}.empty-state-sub{font-size:14px;color:var(--gray-400);margin-bottom:20px}.table-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead tr{background:var(--primary);color:var(--white)}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table th.right{text-align:right}.data-table tbody tr:nth-child(2n){background:var(--gray-50)}.data-table tbody tr:hover{background:#eff6ff}.data-table td{padding:12px 16px;vertical-align:middle;color:var(--gray-700)}.data-table td.muted{color:var(--gray-500);font-size:13px}.data-table td.price{font-weight:700;color:var(--accent)}.data-table td.right{text-align:right}.data-table td.truncate{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-link{font-weight:600;color:var(--primary);text-decoration:none;transition:color var(--transition)}.td-link:hover{color:var(--accent)}.td-link-sm{font-size:13px;color:#2563eb;text-decoration:none}.td-link-sm:hover{text-decoration:underline}.pin-mono{font-family:Courier New,monospace;background:var(--gray-100);padding:2px 8px;border-radius:4px;font-size:13px}.table-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.participant-details-row td{background:#f8fafc;border-top:1px dashed var(--gray-200)}.participant-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px;padding:4px 0}.participant-detail-item{font-size:13px;color:var(--gray-600)}.participant-detail-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400);margin-bottom:3px}.camp-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-bottom:28px}.camp-detail-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.camp-detail-title{font-size:24px;font-weight:700;color:var(--primary)}.camp-detail-sub{font-size:14px;color:var(--gray-500);margin-top:3px}.camp-detail-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.camp-detail-actions .btn{min-height:36px;line-height:1}.camp-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}.camp-info-box{background:var(--gray-50);border-radius:var(--radius);padding:12px}.camp-info-box-label{font-size:11px;color:var(--gray-500);margin-bottom:4px}.camp-info-box-value{font-size:14px;font-weight:600;color:var(--gray-700)}.camp-info-box-value.accent{color:var(--accent)}.camp-info-box-value.success{color:var(--success)}.camp-info-footer{display:flex;justify-content:flex-start;margin-top:16px;padding-top:12px;border-top:1px solid var(--gray-200)}.camp-info-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;font-size:13px;font-weight:600;color:var(--primary);cursor:pointer}.camp-info-toggle:hover{color:var(--accent)}.legal-info-panel{border-left:4px solid var(--primary)}.qr-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;text-align:center}.qr-title{font-weight:700;color:var(--primary);font-size:15px;margin-bottom:4px}.qr-pin{font-size:13px;color:var(--gray-500);margin-bottom:16px}.qr-pin strong{font-family:monospace;font-size:20px;color:var(--primary)}.qr-image-wrapper{display:flex;justify-content:center;margin-bottom:12px}.qr-url{font-size:11px;color:var(--gray-400);word-break:break-all;margin-bottom:12px}.qr-url-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.qr-url-link:hover{color:var(--accent)}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 24px;border-bottom:1px solid var(--gray-200)}.section-title{font-size:18px;font-weight:700;color:var(--primary)}.section-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-scroll{overflow-x:auto}.filters-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px 24px;margin-bottom:24px}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.filter-count{font-size:13px;color:var(--gray-500);margin-top:10px}.inline-confirm{display:inline-flex;align-items:center;gap:6px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--gray-400);transition:background var(--transition),color var(--transition),border-color var(--transition);position:relative;flex-shrink:0;text-decoration:none}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:11px;font-weight:500;padding:4px 9px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:50}.icon-btn:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1e293b;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:50}.icon-btn:not(:disabled):hover:after,.icon-btn:not(:disabled):hover:before{opacity:1}.icon-btn-blue:hover{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.icon-btn-green:hover{background:#dcfce7;color:#166534;border-color:#bbf7d0}.icon-btn-red:hover,.icon-btn-red-solid{background:#fee2e2;color:#dc2626;border-color:#fecaca}.icon-btn-red-solid:hover{background:#fecaca}.icon-btn-gray:hover{background:var(--gray-100);color:var(--gray-600);border-color:var(--gray-200)}@media (max-width: 900px){.stats-grid{grid-template-columns:1fr 1fr}.camp-detail-grid{grid-template-columns:1fr}.camp-info-grid,.filters-grid{grid-template-columns:1fr 1fr}}@media (max-width: 680px){.navbar-links-desktop{display:none}.navbar-hamburger{display:inline-flex}.navbar-user,.navbar-logout{display:none}.navbar-inner{padding:0 16px}.page-content,.page-content-md{padding:16px 12px}.page-title{font-size:22px}.page-header{margin-bottom:20px}.page-header .btn{font-size:13px;padding:7px 12px}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-value{font-size:28px}.admin-actions{gap:8px}.admin-actions .btn{font-size:13px;padding:7px 12px}.card{padding:16px}.auth-card,.pin-card,.reg-form-card{padding:20px 16px}.form-grid-2{grid-template-columns:1fr;gap:14px}.form-input-pin{max-width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%;justify-content:center}.camp-info-grid{grid-template-columns:1fr 1fr}.camp-detail-header{flex-direction:column;align-items:flex-start}.camp-detail-actions{width:100%;justify-content:flex-start}.section-header{flex-direction:column;align-items:flex-start;padding:14px 16px}.section-actions{width:100%;flex-wrap:wrap}.section-actions .btn{font-size:13px}.table-container{border-radius:var(--radius)}.data-table th,.data-table td{padding:10px 12px}.data-table th{font-size:11px}.filters-grid{grid-template-columns:1fr}.filters-card{padding:16px}.camps-grid{grid-template-columns:1fr;gap:12px}.qr-card{padding:20px 16px}.register-page{padding:20px 12px;align-items:flex-start}.register-title{font-size:22px}.register-icon{font-size:44px}.camp-card-public{padding:16px}.camp-meta-row{flex-direction:column;gap:6px}.auth-page{padding:40px 16px 16px;align-items:flex-start}.page-back{margin-bottom:16px}.icon-btn{width:36px;height:36px}.table-hide-mobile{display:none}}@media (max-width: 400px){.navbar-brand{font-size:15px}.page-title{font-size:20px}.btn{font-size:13px}.camp-info-grid{grid-template-columns:1fr}}