*{box-sizing:border-box}body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);min-height:100vh}header{background:linear-gradient(135deg, #004666 0%, #005a7f 50%, #006b94 100%);color:#fff;padding:1rem 1.5rem;margin:.5rem;border-radius:1rem;box-shadow:0 8px 32px rgba(0,70,102,.3),0 0 0 1px hsla(0,0%,100%,.1);backdrop-filter:blur(10px);position:sticky;top:.5rem;z-index:1000;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}header.compact{padding:.5rem 1rem}header.compact .header-row{gap:.5rem}header.compact .header-section{padding:.5rem .75rem}header.compact .section-label{font-size:.625rem}header.compact .events-button{padding:.375rem .75rem;font-size:.75rem}header.hidden{padding:.5rem 1rem}header.hidden .header-content{display:none}header.hidden .header-top-bar{margin-bottom:0;padding-bottom:0;border-bottom:none}header.hidden .header-toggle-button svg{transform:rotate(180deg)}.header-toggle-button{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);width:2rem;height:2rem}.header-toggle-button:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.header-toggle-button svg{transition:transform .3s}.header-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.15)}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h1{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.header-badge{background:hsla(0,0%,100%,.2);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;border:1px solid hsla(0,0%,100%,.3)}.header-controls{display:flex;gap:.5rem;align-items:center}.control-button{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;gap:.5rem;text-decoration:none}.control-button:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.control-button.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.header-content{display:flex;flex-direction:column;gap:.75rem}.header-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.header-section{background:hsla(0,0%,100%,.08);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:.75rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;min-width:fit-content;flex:1;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);animation:slideIn .3s ease-out}.header-section.collapsed{min-width:auto}.header-section.collapsed .section-buttons{display:none}.header-section.collapsed .collapse-toggle svg{transform:rotate(180deg)}.header-section:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:hsla(0,0%,100%,.9);display:flex;align-items:center;gap:.5rem}.section-count{background:hsla(0,0%,100%,.2);padding:.125rem .5rem;border-radius:.75rem;font-size:.625rem;font-weight:700}.collapse-toggle{background:rgba(0,0,0,0);border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s;opacity:.7}.collapse-toggle:hover{opacity:1;background:hsla(0,0%,100%,.1)}.collapse-toggle svg{width:16px;height:16px;transition:transform .3s}.section-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.events-button{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem}.events-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s}.events-button:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.events-button:hover::before{left:100%}.events-button.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.3),0 4px 12px rgba(0,0,0,.2)}.button-badge{background:rgba(0,255,157,.2);color:#00ff9d;padding:.125rem .5rem;border-radius:.35rem;font-size:.625rem;font-weight:700;border:1px solid rgba(0,255,157,.3)}.button-badge.credit{background:#0044b3;color:#fff;border-color:rgba(59,130,246,.5)}.button-badge.leasing{background:#5700a8;color:#fff;border-color:rgba(168,85,247,.5)}.header-actions{display:flex;gap:.5rem;align-items:center;margin-left:auto;flex-wrap:wrap}.container{max-width:800px;margin:0 auto;padding:2rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.container.container-narrow{max-width:350px;padding:1.5rem}.container.container-wide{max-width:1200px;padding:2rem}.container.container-low{max-height:250px;overflow-y:auto;padding:1rem}.container.container-tall{min-height:calc(100vh - 200px);padding:3rem 2rem}.debug-panel{position:fixed;top:1rem;right:1rem;width:400px;max-height:calc(100vh - 2rem);background:#fff;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.3);display:none;flex-direction:column;z-index:9999;overflow:hidden}.debug-panel.visible{display:flex}.debug-header{background:linear-gradient(135deg, #004666 0%, #005a7f 100%);color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.debug-header h3{margin:0;font-size:1.125rem;font-weight:600}.debug-close{background:rgba(0,0,0,0);border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background .2s}.debug-close:hover{background:hsla(0,0%,100%,.1)}.debug-content{flex:1;overflow-y:auto;padding:1rem}.debug-section{margin-bottom:1.5rem}.debug-section-title{font-size:.875rem;font-weight:600;color:#004666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.debug-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#f8f9fa;border-radius:.5rem;margin-bottom:.5rem;font-size:.875rem}.debug-item-label{color:#6c757d;font-weight:500}.debug-item-value{color:#212529;font-weight:600;font-family:"Courier New",monospace;word-break:break-word}.debug-item-value.success{color:#28a745}.debug-item-value.error{color:#dc3545}.debug-item-value.warning{color:#ffc107}.debug-url{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;padding:.75rem;font-family:"Courier New",monospace;font-size:.75rem;word-break:break-all;margin-bottom:.75rem;max-height:150px;overflow-y:auto}.copy-button{width:100%;background:#004666;color:#fff;border:none;padding:.625rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.copy-button:hover{background:#005a7f;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,70,102,.3)}.copy-button.copied{background:#28a745}.events-container{position:fixed;bottom:1rem;right:1rem;width:450px;max-height:500px;background:#fff;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.3);display:none;flex-direction:column;z-index:9998;overflow:hidden}.events-container.visible{display:flex}.events-header{background:linear-gradient(135deg, #004666 0%, #005a7f 100%);color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.events-header h2{margin:0;font-size:1.125rem;font-weight:600}.events-header-actions{display:flex;gap:.5rem}.clear-button,.events-close{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:.375rem .75rem;border-radius:.5rem;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s}.clear-button:hover,.events-close:hover{background:hsla(0,0%,100%,.25)}.events-list{flex:1;overflow-y:auto;padding:1rem}.event-item{background:#f8f9fa;border-left:3px solid #004666;padding:.75rem;margin-bottom:.75rem;border-radius:.5rem;font-size:.875rem}.event-time{color:#6c757d;font-size:.75rem;margin-bottom:.25rem}.event-name{font-weight:600;color:#212529;margin-bottom:.25rem}.event-data{color:#495057;font-family:"Courier New",monospace;font-size:.75rem}.modal-overlay{border:none;padding:0;max-width:700px;width:calc(100% - 2rem);max-height:calc(100vh - 2rem);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.modal-overlay::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal-dialog{display:flex;flex-direction:column;height:100%}.modal-header{background:linear-gradient(135deg, #004666 0%, #005a7f 100%);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.modal-close-button{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);color:#fff;font-size:1.5rem;width:2.5rem;height:2.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:hsla(0,0%,100%,.25)}.modal-content{padding:2rem;overflow-y:auto;flex:1}@media(max-width: 1200px){.debug-panel,.events-container{width:350px}}@media(max-width: 768px){header{margin:.25rem;padding:1rem;top:.25rem}.header-top-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.header-controls{width:100%;flex-wrap:wrap}.header-row{gap:.5rem}.header-section{flex:1 1 100%;padding:.625rem .875rem}.events-button{font-size:.8125rem;padding:.4375rem .875rem}.debug-panel,.events-container{width:calc(100vw - 1rem);left:.5rem;right:.5rem}.debug-panel{top:.5rem;max-height:calc(100vh - 1rem)}.events-container{bottom:.5rem}.container{padding:1rem}}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}
