:root{--cream:#f4ead8;--paper:#fffaf0;--green:#123d32;--green2:#1d5545;--gold:#b98a3b;--ink:#172b26;--muted:#746c61}*{box-sizing:border-box}body{margin:0;background:linear-gradient(120deg,#efe1c8,#fbf5e9);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;min-height:100vh}header{height:170px;display:flex;align-items:center;justify-content:space-between;padding:22px 54px;border-bottom:1px solid #d8c5a5;background:linear-gradient(90deg,#f7edda,#fffaf0)}.brand{display:flex;align-items:center;gap:22px}.helmet{width:118px;height:118px;border-radius:60px;background:var(--green);border:5px solid var(--gold);display:grid;place-items:center;color:#f4c96e;font-size:65px;box-shadow:0 8px 24px #0002}.brand h1{font-family:Georgia,serif;font-size:54px;letter-spacing:5px;margin:0;color:var(--green);text-shadow:1px 1px #c99b50}.brand h2{font-family:Georgia,serif;color:var(--gold);letter-spacing:10px;margin:-5px 0 4px;font-size:28px}.brand p{letter-spacing:6px;font-size:11px}.motto{font-family:Georgia,serif;font-size:22px;letter-spacing:2px;border-left:3px solid var(--gold);padding-left:24px}.layout{display:grid;grid-template-columns:210px 1fr;min-height:680px}aside{padding:18px 12px;background:linear-gradient(#f7edda,#e8d4b5);border-right:1px solid #d5c09d;position:relative}aside button{width:100%;padding:17px 14px;margin-bottom:9px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:16px;color:var(--ink);cursor:pointer}aside button.active{background:var(--green);color:white;box-shadow:0 5px 15px #123d3240}aside span{margin-left:10px}.asideQuote{position:absolute;bottom:34px;left:26px;color:#9b6e27;font-family:Georgia,serif;font-size:19px;line-height:1.35}main{display:grid;grid-template-columns:minmax(620px,1fr) 360px;gap:16px;padding:20px}.card{background:#fffdf7;border:1px solid #dfd0b8;border-radius:14px;box-shadow:0 5px 18px #594d3b18}.matches{padding:18px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eadfce;padding:0 4px 14px}.sectionTitle h3,.right h3{font:700 26px Georgia,serif;margin:0}.sectionTitle p,.right p{margin:4px 0;color:var(--muted)}#status{font-weight:600}.filters{display:flex;gap:14px;margin:16px 0}.filters button,#generate{background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px 20px;font-weight:700;cursor:pointer}.filters input{flex:1;padding:12px;border:1px solid #d8cbb7;border-radius:8px;font-size:15px}.tableWrap{max-height:500px;overflow:auto;border:1px solid #eadfce;border-radius:9px}table{width:100%;border-collapse:collapse;background:white}th{position:sticky;top:0;background:#f4ead8;padding:12px;text-align:left}td{padding:11px 12px;border-top:1px solid #eee3d2}tbody tr:hover{background:#fff7e8}.empty{text-align:center;color:#999;padding:60px}.right{display:flex;flex-direction:column;gap:16px}.generate,.ticket{padding:20px}.generate label{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin:22px 0}.generate input{width:90px;padding:9px;border:1px solid #d8cbb7;border-radius:7px;font-size:16px}#generate{width:100%;font:700 16px Georgia,serif;padding:16px;background:linear-gradient(135deg,var(--green2),var(--green))}.ticket{min-height:340px}.ticket #ticket{margin-top:18px;line-height:1.55;color:var(--muted)}.pick{padding:11px 0;border-bottom:1px solid #eadfce;color:var(--ink)}.pick b{color:var(--green)}footer{background:var(--green);color:#f5e5c3;text-align:center;letter-spacing:6px;padding:19px}@media(max-width:950px){main{grid-template-columns:1fr}.layout{grid-template-columns:160px 1fr}.brand h1{font-size:38px}.motto{display:none}}.appHidden{display:none}.appShown{display:grid;grid-template-columns:minmax(620px,1fr) 360px;gap:16px;width:100%}.auth{width:min(520px,90%);margin:35px auto;padding:36px}.authInner{text-align:center}.authMark{width:90px;height:90px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:#123d32;color:#e2b55e;border:4px solid #b98a3b;font-size:48px}.auth h3{font:700 30px Georgia,serif;margin:8px}.auth p{color:#756e64}.auth input{display:block;width:100%;margin:12px 0;padding:14px;border:1px solid #d8cbb7;border-radius:9px;font-size:15px;background:#fffdf8}.auth button{width:100%;padding:14px;margin-top:9px;border:0;border-radius:8px;background:#123d32;color:white;font-weight:700;cursor:pointer}.auth button.secondary{background:#b98a3b}.auth #authMsg{min-height:24px;margin-top:12px;color:#8b4c38}#userBox{margin:16px 4px;padding:12px;border-top:1px solid #cdb892;font-size:12px;color:#405248}#userBox button{padding:8px;margin-top:8px;background:#fff8e9;border:1px solid #cdb892}@media(max-width:950px){.appShown{grid-template-columns:1fr}}
.helmet{overflow:hidden;padding:0!important;background:#fff!important}.helmet img{width:100%;height:100%;object-fit:cover;display:block}

.authSide{padding:10px 2px}.authSide h3{font:700 17px Georgia,serif;color:var(--green);margin:4px 0 14px}.authSide input{width:100%;padding:10px;margin:0 0 9px;border:1px solid #cdb892;border-radius:7px;background:#fffdf8}.authSide button{width:100%;padding:10px;margin-bottom:8px;border:0;border-radius:7px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}.authSide button.secondary{background:var(--gold)}#authMsg{font-size:12px;line-height:1.35;margin-top:6px;color:#405248}

/* Responsive: pastreaza acelasi design pe desktop si telefon */
@media(max-width:760px){header{height:auto;min-height:120px;padding:14px 16px;gap:10px}.brand{gap:10px}.helmet{width:76px;height:76px;min-width:76px;border-width:3px}.brand h1{font-size:25px;letter-spacing:2px;white-space:nowrap}.brand p{font-size:7px;letter-spacing:2px}.motto{display:none}.layout{display:block;min-height:auto}aside{padding:12px 14px;min-height:auto;border-right:0;border-bottom:1px solid #d5c09d}.authSide{max-width:100%}.asideQuote{display:none}main,.appShown{display:block!important;padding:10px;width:100%}.matches{padding:12px}.right{margin-top:10px}.right .card{margin-bottom:10px}.sectionTitle{align-items:flex-start;gap:8px}.sectionTitle h3,.right h3{font-size:20px}.filters{gap:7px;flex-wrap:wrap}.filters button{width:auto;padding:10px 12px}.filters input{min-width:140px}.tableWrap{max-height:420px;overflow:auto}table{min-width:580px}th,td{padding:9px 8px;font-size:12px}.generate,.ticket{padding:14px}footer{font-size:10px;letter-spacing:2px;padding:14px}}
@media(min-width:761px){.layout{grid-template-columns:210px 1fr}main{grid-template-columns:minmax(520px,1fr) 360px}.brand h1{white-space:nowrap}}