@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";body{color:#333;background-color:#f5f5f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--bg-color:#fdfbf7;--text-dark:#3a2a08;--text-gold:#8a5a10;--gold-light:#fff6e0;--gold-mid:#ffe0a8;--gold-dark:#f4c87a;--black:#1a1a1a;--gradient-card:linear-gradient(135deg, #fff6e0 0%, #ffe0a8 55%, #f4c87a 100%);--shadow-card:0 8px 20px #d4a02847, inset 0 1px 0 #ffffffb3;--border-card:1px solid #d4a02859}body{background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex}h1{color:var(--text-dark);text-align:center;margin-bottom:30px;font-size:2.2em;font-weight:800}.card{background:var(--gradient-card);box-shadow:var(--shadow-card);border:var(--border-card);box-sizing:border-box;text-align:center;border-radius:16px;width:100%;max-width:400px;padding:15px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffffa6,#0000 70%);width:180px;height:180px;position:absolute;top:-60px;right:-60px}.role-buttons{flex-direction:column;gap:15px;width:100%;max-width:400px;display:flex}.btn-role{background:var(--gradient-card);border:var(--border-card);color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-card);text-align:left;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;font-size:1.2em;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.btn-role:hover{transform:translateY(-2px);box-shadow:0 12px 25px #d4a02859}.btn-role span.icon{font-size:1.5em}.btn-primary{background:var(--black);color:var(--gold-light);cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:15px;padding:14px 28px;font-size:1em;font-weight:600;transition:opacity .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-text{color:var(--text-gold);cursor:pointer;background:0 0;border:none;margin-top:15px;font-size:.9em;text-decoration:underline}.profile-info{text-align:left;margin-top:20px;line-height:1.6}.profile-info p{color:var(--text-gold);margin:5px 0;font-weight:600}.profile-info span{color:var(--text-dark)}.profile-row{color:var(--text-gold);justify-content:space-between;margin-bottom:5px;font-size:.9em;font-weight:600;display:flex}.profile-row span{color:var(--text-dark)}.btn-main{background-color:var(--black);color:#fff6e0;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-size:.9em;font-weight:600;transition:transform .2s}.btn-main:active{transform:scale(.98)}.section-title{color:var(--text-dark);margin:15px 0 5px 5px;font-size:1.2em;font-weight:800}.order-card{background:var(--gradient-card);box-shadow:var(--shadow-card);border:var(--border-card);text-align:left;box-sizing:border-box;border-radius:12px;width:100%;padding:10px 12px;position:relative}.order-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.order-title{color:var(--text-dark);font-size:.95em;font-weight:800}.badge{background-color:var(--black);color:#fff6e0;border-radius:20px;padding:4px 10px;font-size:.75em;font-weight:600}.order-detail{color:var(--text-gold);align-items:flex-start;gap:5px;margin-bottom:3px;font-size:.8em;font-weight:600;display:flex}.order-detail span{color:var(--text-dark);font-weight:400}.btn-link{color:#999;cursor:pointer;background:0 0;border:none;align-self:center;margin-top:20px;font-size:.8em;text-decoration:underline}.order-card.status-reserved{opacity:.7;background:#e0e0e0}.order-card.status-in-progress{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 55%,#a5d6a7 100%);border-color:#81c784}.order-card.status-in-progress .order-title,.order-card.status-in-progress .order-detail span{color:#1b5e20}.balance-row{border-bottom:1px solid #d4a02866;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.balance-label{color:var(--text-gold);font-size:.9em;font-weight:600}.balance-amount{color:#2e7d32;font-size:1.3em;font-weight:800}