*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1f2e;--surface2: #1e2535;--border: #2d3748;--border2: #4a5568;--text: #e2e8f0;--text2: #a0aec0;--muted: #718096;--accent: #6366f1;--accent-dim: #6366f120;--green: #68d391;--orange: #ed8936;--red: #f56565;--blue: #63b3ed;--radius: 12px;--radius-sm: 6px;--radius-pill: 99px}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:15px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.topbar .brand{font-weight:800;font-size:1.15rem;color:#fff;letter-spacing:.01em}.topbar .brand span{color:var(--accent)}.topbar .actions{display:flex;gap:10px;align-items:center}.btn{padding:7px 16px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;border:none;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;align-items:center;gap:6px}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--border);color:var(--text2)}.btn-danger{background:#742a2a;color:#fed7d7}.btn-sm{padding:5px 12px;font-size:.78rem}.container{max-width:1060px;margin:0 auto;padding:24px 20px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px 36px;width:380px;max-width:95vw}.login-card h1{font-size:1.5rem;margin-bottom:4px}.login-card h1 span{color:var(--accent)}.login-card .subtitle{color:var(--muted);font-size:.88rem;margin-bottom:28px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-weight:600}.form-group input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border2);color:var(--text);font-size:.95rem;transition:border-color .15s}.form-group input:focus{outline:none;border-color:var(--accent)}.form-error{color:var(--red);font-size:.82rem;margin-top:8px;min-height:20px}.month-nav-bar{display:flex;align-items:center;gap:24px;background:var(--surface);border-bottom:1px solid var(--border);padding:14px 32px}.month-arrow{background:var(--surface2);border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);width:36px;height:36px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-weight:700;flex-shrink:0}.month-arrow:hover:not(:disabled){background:var(--border2);color:var(--text)}.month-arrow:disabled{opacity:.3;cursor:default}.month-nav-label{font-weight:700;font-size:1.05rem;color:var(--text)}.page-header{background:var(--surface);border-bottom:1px solid var(--border);padding:20px 24px 16px;text-align:center}.page-header-title{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:.01em;margin-bottom:6px}.page-header-sub{font-size:.85rem;color:var(--muted);font-weight:400}.action-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.tier-legend{display:flex;align-items:center;gap:6px;margin-left:16px;padding-left:16px;border-left:1px solid var(--border2)}.tier-sep{color:var(--border2);font-size:.75rem}.tier-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;white-space:nowrap}.tier-pill em{font-style:normal;font-weight:400;opacity:.8;font-size:.68rem}.tier-pill.tier-10{background:#27674922;color:#68d391;border:1px solid #27674955}.tier-pill.tier-14{background:#7b4a0020;color:var(--orange);border:1px solid #7b4a0050}.tier-pill.tier-23{background:#742a2a20;color:var(--red);border:1px solid #742a2a50}@media (max-width: 700px){.month-nav-bar{padding:10px 16px}}.summary-bar{background:var(--surface);border:1px solid #6366f155;border-radius:var(--radius);padding:16px 20px;margin-bottom:20px}.summary-bar-top{display:flex;gap:0;align-items:stretch;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:14px}.summary-bar-top .metric{padding:0 28px;border-right:1px solid var(--border)}.summary-bar-top .metric:first-child{padding-left:0}.summary-bar-top .metric:last-child{border-right:none}.metric .lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:3px;font-weight:600}.metric .val{font-size:1.25rem;font-weight:800;color:var(--green);white-space:nowrap}.metric .val.blue{color:var(--blue)}.metric .val.orange{color:var(--orange)}.metric .val.sm{font-size:1rem}.summary-props{display:flex;gap:10px;flex-wrap:wrap}.summary-prop-pill{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;display:flex;align-items:center;gap:10px;flex:1;min-width:200px}.summary-prop-pill .prop-label{font-size:.78rem;color:var(--muted);font-weight:500;flex:1}.summary-prop-pill .prop-amount{font-size:.95rem;font-weight:800;color:var(--green)}.summary-prop-pill .prop-stays{font-size:.7rem;color:var(--muted)}.prop-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.prop-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.prop-header:hover{background:var(--surface2)}.prop-name{font-weight:700;font-size:.98rem;color:#fff}.prop-meta{font-size:.73rem;color:var(--muted);font-weight:400;margin-left:8px}.prop-right{display:flex;align-items:center;gap:10px}.prop-total{font-size:1.08rem;font-weight:800;color:var(--green)}.chevron{color:var(--muted);font-size:.75rem;transition:transform .2s;display:inline-block}.chevron.open{transform:rotate(180deg)}.prop-body{display:none;padding:0 20px 18px;border-top:1px solid var(--border)}.prop-body.open{display:block}.financials{display:flex;gap:10px;padding:14px 0;flex-wrap:wrap;border-bottom:1px solid #2d374855;margin-bottom:14px}.fin-item{flex:1;min-width:100px;background:var(--bg);border-radius:var(--radius-sm);padding:10px 12px}.fin-item .lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px;font-weight:600;display:flex;align-items:center;gap:6px}.edit-menage-btn{background:none;border:none;cursor:pointer;font-size:.72rem;color:var(--muted);padding:0;line-height:1;transition:color .15s}.edit-menage-btn:hover{color:var(--accent)}.menage-edit{display:flex;align-items:center;gap:6px;margin-top:4px}.menage-input-inline{width:72px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--accent);color:var(--text);font-size:.88rem;font-weight:700}.fin-item .val{font-size:.92rem;font-weight:700;color:var(--text)}.fin-item .val.red{color:var(--red)}.fin-item .val.orange{color:var(--orange)}.fin-item .val.green{color:var(--green)}.fin-item .val.blue{color:var(--blue)}.fin-item .val.big{font-size:1.05rem}.fin-net{border:1px solid var(--blue)22}.tier-badge{display:inline-block;padding:2px 7px;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;margin-left:5px}.tier-10{background:#276749;color:#9ae6b4}.tier-14{background:#7b4a0030;color:var(--orange);border:1px solid #7b4a0060}.tier-23{background:#742a2a30;color:var(--red);border:1px solid #742a2a60}.platform-breakdown{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.platform-pill{padding:4px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;background:var(--bg);border:1px solid var(--border2);color:var(--text2)}.platform-pill .count{margin-left:4px;color:var(--accent);font-weight:700}.bookings-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px;font-weight:600}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.82rem}th{text-align:left;padding:8px 12px;color:var(--muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border)}td{padding:9px 12px;border-bottom:1px solid #1e253555;color:var(--text2)}tr:last-child td{border-bottom:none}tr:not(.cancelled):hover td{background:#1e253544}tr.cancelled{opacity:.4}.status-badge{display:inline-block;padding:2px 9px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700}.status-new{background:#276749;color:#9ae6b4}.status-cancel{background:#742a2a;color:#fed7d7}.platform-tag{font-size:.72rem;color:var(--text2)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:32px;width:460px;max-width:95vw;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h3{font-size:1.08rem;font-weight:700;margin-bottom:6px}.modal .sub{color:var(--muted);font-size:.85rem;margin-bottom:20px}.upload-zone{border:2px dashed var(--border2);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:16px}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-dim)}.upload-zone .icon{font-size:2.2rem;margin-bottom:8px}.upload-zone strong{display:block;color:var(--text);margin-bottom:4px}.upload-zone p{color:var(--muted);font-size:.83rem}.upload-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px;font-size:.85rem}.upload-preview .preview-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #2d374833}.upload-preview .preview-row:last-child{border-bottom:none}.upload-preview .preview-row .k{color:var(--muted)}.upload-preview .preview-row .v{color:var(--text);font-weight:600}.upload-preview .preview-row .v.red{color:var(--red)}.preview-warn{background:#7c2d1222;border:1px solid var(--orange);border-radius:var(--radius-sm);color:var(--orange);padding:8px 12px;font-size:.8rem;margin-bottom:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.settings-section{margin-bottom:32px}.settings-section h2{font-size:1rem;font-weight:700;margin-bottom:14px;color:var(--text)}.settings-table{width:100%;border-collapse:collapse}.settings-table th{text-align:left;padding:8px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.settings-table td{padding:10px 12px;border-bottom:1px solid #2d374844}.settings-table tr:last-child td{border-bottom:none}.settings-table input[type=number]{width:90px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border2);color:var(--text);font-size:.88rem;text-align:right}.settings-table input:focus{outline:none;border-color:var(--accent)}.save-bar{display:flex;align-items:center;gap:14px;margin-top:16px}.save-bar .saved-msg{color:var(--green);font-size:.85rem;opacity:0;transition:opacity .3s}.save-bar .saved-msg.show{opacity:1}#toast-container{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:12px 18px;font-size:.85rem;color:var(--text);min-width:220px;box-shadow:0 8px 24px #00000060;animation:toastIn .25s ease;display:flex;align-items:center;gap:10px;pointer-events:all}@keyframes toastIn{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--accent)}.empty-state{text-align:center;padding:60px 20px}.empty-state .icon{font-size:3rem;margin-bottom:14px}.empty-state h2{color:var(--text2);font-size:1.1rem;margin-bottom:8px}.empty-state p{color:var(--muted);font-size:.88rem;margin-bottom:24px}.yearly-section{margin-top:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.yearly-header{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.yearly-header:hover{background:var(--surface2)}.yearly-header h3{font-size:.95rem;font-weight:700;color:var(--text)}.yearly-body{padding:20px;display:none}.yearly-body.open{display:block}.yearly-table{width:100%;border-collapse:collapse;font-size:.82rem}.yearly-table th{text-align:right;padding:7px 12px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.yearly-table th:first-child{text-align:left}.yearly-table td{padding:8px 12px;border-bottom:1px solid #2d374833;text-align:right;color:var(--text2);font-variant-numeric:tabular-nums}.yearly-table td:first-child{text-align:left;color:var(--text);font-weight:500}.yearly-table tr:last-child td{border-bottom:none}.yearly-table tr.total-row td{border-top:2px solid var(--border2);color:var(--text);font-weight:800;padding-top:10px}.yearly-table tr.total-row td.green{color:var(--green)}.yearly-table .no-data{color:var(--muted);font-size:.75rem}.yearly-table .num{text-align:right;font-variant-numeric:tabular-nums}.yearly-table .red{color:var(--red)}.yearly-table .orange{color:var(--orange)}.yearly-table .green{color:var(--green)}.yearly-table .blue{color:var(--blue)}.yearly-table .bold{font-weight:700}.yearly-table .month-col{font-weight:600;color:var(--text)}.yearly-table tr.no-data-row td{color:var(--muted);font-size:.78rem}.yearly-table .total-row .num{font-weight:800}@media (max-width: 640px){.topbar{padding:12px 16px}.topbar .brand{font-size:1rem}.container{padding:16px 12px}.summary-bar-top{flex-direction:column;gap:10px}.summary-bar-top .metric{padding:0 0 10px;border-right:none;border-bottom:1px solid var(--border)}.summary-bar-top .metric:last-child{border-bottom:none;padding-bottom:0}.financials{gap:8px}.fin-item{min-width:calc(50% - 4px)}.btn span.label{display:none}}@media print{.topbar,.months-nav,.btn,.modal-overlay,#toast-container,.yearly-section{display:none!important}body{background:#fff;color:#000}.prop-card{border:1px solid #ccc;page-break-inside:avoid;margin-bottom:12px}.prop-body{display:block!important}.summary-bar{border:1px solid #ccc}.fin-item{background:#f5f5f5}.fin-item .val{color:#000}.fin-item .val.green{color:#276749}.fin-item .val.red{color:#c53030}.fin-item .val.orange{color:#c05621}.fin-item .val.blue{color:#2b6cb0}.chevron{display:none}@page{margin:1.5cm}}