:root{color:#172033;background:#f4f6f9;font-family:Inter,system-ui,Arial}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}aside{color:#fff;background:#111827;width:240px;padding:28px 16px}.brand{padding:0 12px 28px;font-size:20px;font-weight:800}.brand small{color:#94a3b8;margin-top:5px;font-size:11px;display:block}aside button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;margin:4px 0;padding:12px;display:flex}aside button.active,aside button:hover{color:#fff;background:#1f2937}main{flex:1;max-width:1600px;padding:30px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1{margin:0;font-size:28px}header p{color:#667085;margin:6px 0}header span{color:#667085;font-size:13px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.card span{color:#667085;font-size:13px}.card b{margin-top:9px;font-size:25px;display:block}.panel{margin-top:20px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.primary{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;color:#fff!important;background:#111827!important}.table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.tr{border-bottom:1px solid #eee;grid-template-columns:1fr 2fr 1fr;gap:12px;padding:14px;display:grid}.tr:last-child{border-bottom:0}.head{color:#667085;background:#f8fafc;font-size:12px}.clickable{cursor:pointer}.clickable:hover,.selected{background:#f8fafc}.reservation{border-top:1px solid #eee;margin-top:24px;padding-top:16px}.money,.calc{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.money span,.calc span{background:#f8fafc;border-radius:8px;padding:14px}.money b,.calc b{margin-top:6px;display:block}.overlay{z-index:10;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(850px,100%);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 20px 60px #0003}.modalHead{justify-content:space-between;align-items:start;display:flex}.modalHead h2{margin:0 0 5px}.modalHead small{color:#667085}.icon{cursor:pointer;background:0 0;border:0}.form{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.form label{font-size:13px;font-weight:600}.form input,.form select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;margin-top:7px;padding:11px;display:block}.calc{grid-template-columns:1fr 1fr}.actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.actions button{background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:10px 14px}.actions button:disabled{opacity:.45}@media (width<=850px){aside{width:190px}.cards{grid-template-columns:1fr 1fr}.money,.form{grid-template-columns:1fr}}.buyerHead{grid-template-columns:.7fr 2fr 1fr .7fr .7fr}.small{width:min(720px,100%)}.error{color:#b42318;background:#fef3f2;border-radius:8px;padding:10px 12px;font-size:13px}.supplierGrid{grid-template-columns:.7fr 1.7fr 1.2fr .7fr 1.4fr .7fr}.hotelGrid{grid-template-columns:.7fr 2fr 2fr .7fr .7fr}.contractGrid{grid-template-columns:.65fr 1.3fr 1.25fr 1.6fr 1.25fr .7fr .65fr;font-size:13px}.contractBox{background:#eef6ff;border:1px solid #cfe3ff;border-radius:9px;justify-content:space-between;gap:18px;margin:2px 0 18px;padding:14px 16px;display:flex}.contractBox span{color:#475467}.financeForm{margin-top:0}.financeForm input[readonly]{background:#f2f4f7;font-weight:700}.roomDistribution{border:1px solid #e5e7eb;border-radius:10px;margin:4px 0 18px;padding:16px}.roomDistTitle{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.roomDistTitle h3{margin:0}.roomDistTitle span{color:#667085;font-size:13px}.roomRow{border-top:1px solid #eee;grid-template-columns:.65fr .75fr .75fr 1fr 2fr;align-items:end;gap:10px;padding:12px 0;display:grid}.roomRow label{font-size:12px;font-weight:600}.roomRow input{border:1px solid #d0d5dd;border-radius:7px;width:100%;margin-top:5px;padding:9px}.guestNames{grid-column:auto}@media (width<=900px){.roomRow{grid-template-columns:1fr 1fr}.guestNames{grid-column:1/-1}}.guestRoster{grid-column:1/-1;gap:7px;margin-top:6px;display:grid}.guestRow{grid-template-columns:80px 90px 1fr 1fr 140px 80px;align-items:center;gap:8px;display:grid}.guestRow span{font-size:12px;font-weight:700}.guestRow input{margin:0}.rooming360{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:14px}.rooming360 h4{margin:0 0 10px}.roomingCard{border-top:1px solid #f0f1f3;grid-template-columns:90px 150px 1fr;gap:10px;padding:10px 0;display:grid}.roomingCard div{flex-wrap:wrap;gap:8px 16px;display:flex}.roomingCard small{display:block}@media (width<=900px){.guestRow{grid-template-columns:1fr 1fr}.guestRow span{grid-column:1/-1}.roomingCard{grid-template-columns:1fr}}.guestRow select{background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;padding:9px}.rateTable{border:1px solid #e5e7eb;border-radius:10px;margin:16px 0;padding:14px}.rateHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.rateHead h3{margin:0}.rateHead small{color:#667085}.rateHead button,.rateDelete{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:8px 10px}.rateRow{border-top:1px solid #eee;flex-wrap:wrap;align-items:end;gap:8px;padding:10px 0;display:flex}.rateRow>input{flex:1;min-width:150px}.rateRow label{min-width:90px;font-size:11px;font-weight:600}.rateRow input{border:1px solid #d0d5dd;border-radius:7px;width:100%;padding:8px}.rateDelete{padding:8px 11px;font-size:18px;line-height:1}.rateRow select{background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;padding:8px}.rateRow label:first-child{min-width:130px}.definitionTabs{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.definitionTabs button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px 11px}.definitionTabs button.active{color:#fff;background:#111827}.definitionAdd{gap:8px;margin:12px 0 18px;display:flex}.definitionAdd input,.hotelRoomAdd input{border:1px solid #d0d5dd;border-radius:7px;flex:1;padding:9px}.hotelRoomEditor{background:#fafafa;border-bottom:1px solid #eee;margin:0 0 8px;padding:10px 14px 15px}.hotelRoomChips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.hotelRoomChips span{background:#eef2ff;border-radius:999px;padding:5px 9px;font-size:12px}.hotelRoomAdd{gap:8px;max-width:620px;display:flex}.hotelRoomAdd button{background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:8px 10px}.priceBreakdown{gap:4px;margin-top:8px;display:grid}.priceBreakdown small{color:#475467;display:block}.priceBreakdown b{color:#101828}.linkBtn{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.linkBtn:hover{text-decoration:underline}.contractRoomCards{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;margin:16px 0;padding:14px}.roomCardBar{flex-wrap:wrap;gap:7px;margin:8px 0 12px;display:flex}.roomCardBar span{background:#eef2ff;border:1px solid #dbe4ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.roomCardActions{gap:8px;display:flex}.roomCardActions select{background:#fff;border:1px solid #d0d5dd;border-radius:7px;min-width:240px;padding:8px}.roomCardActions button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:8px 10px}.roomCardChip{background:#eef2ff;border:1px solid #dbe4ff;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex}.roomCardChip button{cursor:pointer;background:#fff;border:1px solid #c7d2fe;border-radius:6px;padding:4px 7px;font-size:11px}.roomTabs{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.roomTabs button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px 12px;font-weight:700}.roomTabs button.selected{border-color:#667085;box-shadow:0 0 0 2px #e4e7ec}.missingRate{background:#fff7f7;border:1px solid #f1b8b8;border-radius:8px;flex-direction:column;gap:5px;margin:10px 0;padding:10px 12px;display:flex}.missingRate strong{font-size:13px}.missingRate span,.missingRate small{font-size:12px}.services360{margin-top:18px}.serviceTitle{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.serviceTitle h4{margin:0}.serviceTitle span{color:#667085;font-size:12px}.serviceCard{background:#fff;border:1px solid #e4e7ec;border-radius:10px;justify-content:space-between;gap:16px;margin-bottom:8px;padding:12px;display:flex}.serviceCard>div:first-child{flex-direction:column;gap:4px;display:flex}.serviceCard small{color:#667085}.serviceMoney{white-space:nowrap;align-items:center;gap:16px;font-size:12px;display:flex}.serviceTitle>div{align-items:center;gap:14px;display:flex}.addServiceBtn{font-weight:700}.clickableService{cursor:pointer;flex-wrap:wrap}.clickableService:hover{border-color:#98a2b3}.serviceDetail{color:#475467;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 18px;width:100%;margin-top:8px;padding-top:10px;font-size:12px;display:grid}