*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark:#1a1a2e;--bg-medium:#16213e;--bg-light:#0f3460;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-color:#4a4a6a;--accent:#e94560;--building-bg:#2a2a4a;--floor-bg:#1e1e3a;--room-bg:#252545;--desk-vacant:#3a3a5a;--button-bg:#4a4a6a;--button-hover:#5a5a7a;--modal-overlay:rgba(0,0,0,.85)}body{font-family:Press Start\ 2P,monospace;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-size:10px;line-height:1.8}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:4px solid var(--border-color);background-color:var(--bg-medium);box-shadow:0 4px 0 var(--border-color)}.app-header h1{font-size:14px;color:var(--accent);text-shadow:2px 2px 0 #000}.header-controls{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;gap:4px}.btn.btn-active{background-color:var(--accent);border-color:var(--accent);color:#fff}.btn.btn-active:hover{background-color:#c0392b;border-color:#c0392b}.main-content{display:flex;flex:1 1;overflow:hidden}.buildings-area{flex:1 1;padding:24px;overflow-y:auto}.side-panel{width:280px;border-left:4px solid var(--border-color);background-color:var(--bg-medium);padding:16px;overflow-y:auto}.building{border:4px solid var(--border-color);margin-bottom:24px;background-color:var(--building-bg);box-shadow:4px 4px 0 rgba(0,0,0,.5)}.building-header{padding:8px 12px;background-color:var(--bg-light);border-bottom:4px solid var(--border-color);font-size:11px}.floor{display:flex;align-items:flex-start;padding:12px;border-bottom:2px solid var(--border-color)}.floor:last-child{border-bottom:none}.floor-label{font-size:8px;color:var(--text-secondary);width:80px;flex-shrink:0;padding-top:8px}.rooms-container{display:flex;gap:12px;flex-wrap:wrap}.room{border:3px solid var(--border-color);padding:8px;background-color:var(--room-bg);min-width:80px}.room-workspace{cursor:pointer}.room-workspace:hover{border-color:var(--accent);background-color:#2e2e50}.room-meeting{cursor:default}.meeting-layout{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0}.chair-row{display:flex;gap:3px;justify-content:center}.chair{width:10px;height:10px;background-color:#6a5a4a;border:2px solid #8a7a6a}.meeting-table{height:12px;background-color:#5a4a3a;border:2px solid #7a6a5a;border-radius:6px}.room-amenity{cursor:default;opacity:.7;min-width:60px}.room-coffee-bar{cursor:default;min-width:90px}.coffee-bar-scene{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:8px 4px 4px;background-color:#3a3a5a;border:2px solid var(--border-color)}.barista{display:flex;flex-direction:column;align-items:center}.barista-head{width:10px;height:10px;background-color:#f4d03f;border:2px solid #d4ac0d;margin-bottom:-2px}.barista-body{width:14px;height:12px;background-color:#5d4e37;border:2px solid #3e3428}.barista-apron{width:12px;height:8px;background-color:#f5f5f5;border:2px solid #bbb;margin-top:-2px}.coffee-counter,.coffee-pot{display:flex;flex-direction:column;align-items:center}.coffee-pot{position:relative}.coffee-pot-handle{width:4px;height:10px;background-color:#1a1a1a;border:1px solid #000;position:absolute;right:-5px;top:8px;border-radius:0 2px 2px 0}.coffee-pot-top{width:8px;height:4px;background-color:#1a1a1a;border:1px solid #000}.coffee-pot-body{width:14px;height:16px;background:linear-gradient(180deg,#c9a050 0,#8b5a2b);border:2px solid #ddd;border-radius:0 0 3px 3px}.coffee-cups{display:flex;gap:2px;margin-top:4px}.coffee-cup{width:6px;height:8px;background-color:#fff;border:2px solid #bbb;border-radius:0 0 2px 2px}.room-restroom{cursor:default;min-width:80px}.restroom-layout{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:8px 4px 4px;background-color:#3a3a5a;border:2px solid var(--border-color)}.toilet{display:flex;flex-direction:column;align-items:center}.toilet-tank{width:12px;height:10px;background-color:#f5f5f5;border:2px solid #bbb;border-radius:2px 2px 0 0}.toilet-bowl{width:14px;height:12px;background-color:#f5f5f5;border:2px solid #bbb;border-top:none;border-radius:0 0 4px 4px}.toilet-seat{width:16px;height:4px;background-color:#ddd;border:2px solid #aaa;border-radius:2px;margin-top:-6px}.room-kitchen{cursor:default;min-width:100px}.kitchen-layout{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:8px 4px 4px;background-color:#3a3a5a;border:2px solid var(--border-color)}.fridge{display:flex;flex-direction:column}.fridge-top{height:16px;background-color:#e0e0e0;border:2px solid #aaa;border-radius:2px 2px 0 0}.fridge-bottom,.fridge-top{width:20px;position:relative}.fridge-bottom{height:24px;background-color:#f0f0f0;border:2px solid #aaa;border-top:none;border-radius:0 0 2px 2px}.fridge-handle{position:absolute;right:2px;top:4px;width:2px;height:8px;background-color:#666;border-radius:1px}.fridge-bottom .fridge-handle{height:12px;top:6px}.microwave{display:flex;background-color:#2a2a3a;border:2px solid #444;border-radius:2px;padding:2px}.microwave-door{width:18px;height:14px;background-color:#1a1a2a;border:2px solid #333;display:flex;align-items:center;justify-content:center}.microwave-window{width:10px;height:8px;background-color:#3a5a5a;border:1px solid #2a4a4a}.microwave-panel{width:8px;height:14px;background-color:#3a3a4a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.microwave-button{width:4px;height:4px;background-color:#888;border-radius:50%}.room-label{font-size:7px;color:var(--text-secondary);margin-bottom:6px;text-align:center}.desk-grid{display:grid;grid-template-columns:repeat(auto-fill,14px);grid-gap:3px;gap:3px;justify-content:center}.desk{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.2)}.desk-vacant{background-color:var(--desk-vacant)}.desk-named{position:relative}.desk-named:after{content:"";position:absolute;top:2px;right:2px;width:4px;height:4px;background-color:#fff;border-radius:50%}.desk-student{position:relative}.desk-student:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,transparent 45%,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.7) 55%,transparent 0);pointer-events:none}.desk-member{position:relative}.desk-member:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:hsla(0,0%,100%,.7);pointer-events:none}.room-income{font-size:7px;color:#f1c40f;text-align:center;margin-bottom:6px}.panel-title{font-size:10px;margin-bottom:12px;color:var(--accent);border-bottom:2px solid var(--border-color);padding-bottom:8px}.company-list{list-style:none;margin-bottom:16px}.company-item{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:8px;cursor:pointer;border:2px solid transparent;flex-wrap:wrap}.company-item:hover{border-color:var(--border-color);background-color:var(--building-bg)}.company-swatch{width:12px;height:12px;flex-shrink:0;border:2px solid hsla(0,0%,100%,.3)}.company-name{flex:1 1;min-width:60px}.company-stats{display:flex;flex-direction:column;align-items:flex-end;font-size:7px}.company-desk-count{color:var(--text-secondary)}.company-total{color:#f1c40f;font-size:8px}.add-company-btn{width:100%;margin-top:12px}.legend{margin-top:16px;padding-top:12px;border-top:2px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:8px;font-size:7px;color:var(--text-secondary);margin-bottom:6px}.legend-swatch{width:12px;height:12px;border:2px solid hsla(0,0%,100%,.2)}.legend-student{position:relative}.legend-student:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,transparent 45%,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.7) 55%,transparent 0)}.legend-member{position:relative}.legend-member:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:hsla(0,0%,100%,.7)}.btn{font-family:Press Start\ 2P,monospace;font-size:8px;padding:8px 12px;border:3px solid var(--border-color);background-color:var(--button-bg);color:var(--text-primary);cursor:pointer;box-shadow:2px 2px 0 rgba(0,0,0,.5)}.btn:hover{background-color:var(--button-hover)}.btn:active{box-shadow:none;transform:translate(2px,2px)}.btn-primary{border-color:var(--accent);background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#c0392b}.btn-danger{border-color:#c0392b;background-color:#922b21}.btn-danger:hover{background-color:#c0392b}.btn-small{font-size:7px;padding:4px 8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--bg-medium);border:4px solid var(--border-color);padding:24px;min-width:360px;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:8px 8px 0 rgba(0,0,0,.5)}.modal-title{font-size:11px;margin-bottom:16px;color:var(--accent);border-bottom:2px solid var(--border-color);padding-bottom:8px}.modal-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:7px;color:var(--text-secondary);margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{font-family:Press Start\ 2P,monospace;font-size:8px;width:100%;padding:6px 8px;border:3px solid var(--border-color);background-color:var(--bg-dark);color:var(--text-primary);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:60px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.assignment-list{list-style:none;margin:8px 0}.assignment-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border:2px solid var(--border-color);margin-bottom:4px;font-size:8px}.assignment-item .company-info{display:flex;align-items:center;gap:6px}.assignment-item-expanded{padding:8px;border:2px solid var(--border-color);margin-bottom:8px;font-size:8px}.assignment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.assignment-header .company-info{display:flex;align-items:center;gap:6px}.student-desk-row{display:flex;align-items:center;margin-bottom:8px;padding:4px 0}.tenant-names{display:flex;flex-direction:column;gap:4px}.desk-input-row{display:flex;align-items:center;gap:4px}.desk-type-toggle{font-family:Press Start\ 2P,monospace;font-size:6px;width:20px;height:20px;padding:0;border:2px solid var(--border-color);background-color:var(--button-bg);color:var(--text-primary);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.desk-type-toggle:hover{border-color:var(--accent)}.desk-type-toggle.is-student{background-color:#27ae60;border-color:#27ae60;color:#fff}.desk-type-toggle.is-student:hover{background-color:#2ecc71;border-color:#2ecc71}.desk-type-toggle.is-member{background-color:#8e44ad;border-color:#8e44ad;color:#fff}.desk-type-toggle.is-member:hover{background-color:#9b59b6;border-color:#9b59b6}.tenant-name-input{font-family:Press Start\ 2P,monospace;font-size:7px;width:100px;padding:4px 6px;border:2px solid var(--border-color);background-color:var(--bg-dark);color:var(--text-primary);outline:none}.tenant-name-input:focus{border-color:var(--accent)}.tenant-name-input::placeholder{color:var(--text-secondary);opacity:.6}.status-bar{padding:8px 24px;border-top:4px solid var(--border-color);background-color:var(--bg-medium);font-size:7px;color:var(--text-secondary)}.form-group input[type=color]{width:40px;height:30px;padding:2px;cursor:pointer}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{background-color:var(--bg-medium);border:4px solid var(--border-color);padding:32px;min-width:320px;box-shadow:8px 8px 0 rgba(0,0,0,.5);text-align:center}.login-box h1{font-size:16px;color:var(--accent);text-shadow:2px 2px 0 #000;margin-bottom:8px}.login-subtitle{font-size:8px;color:var(--text-secondary);margin-bottom:24px}.login-box .form-group{text-align:left;margin-bottom:16px}.login-error{font-size:7px;color:var(--accent);margin-bottom:12px;padding:8px;border:2px solid var(--accent);background-color:rgba(233,69,96,.1)}.login-btn{width:100%;padding:12px}.login-btn:disabled{opacity:.6;cursor:not-allowed}.btn-logout{font-size:7px;padding:4px 8px;background-color:transparent;border-color:var(--text-secondary);color:var(--text-secondary)}.btn-logout:hover{border-color:var(--accent);color:var(--accent)}.loading-message{font-size:10px;color:var(--text-secondary);padding:24px;text-align:center}.error-message{font-size:9px;color:var(--accent);padding:16px;margin:16px;border:2px solid var(--accent);background-color:rgba(233,69,96,.1)}.date-pickers-row{display:flex;align-items:center;gap:4px}.date-separator{font-family:Press Start\ 2P,monospace;font-size:8px;color:var(--text-secondary)}.date-picker-wrapper{display:flex;align-items:center;gap:4px}.desk-start-date-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.calendar-btn{background-color:var(--button-bg);border:2px solid var(--border-color);padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.calendar-btn:hover{border-color:var(--accent);background-color:var(--button-hover)}.calendar-icon{width:14px;height:14px;display:flex;flex-direction:column}.calendar-top{height:4px;background-color:var(--accent);border:1px solid hsla(0,0%,100%,.3);border-bottom:none}.calendar-top-end{background-color:#9b59b6}.calendar-body{flex:1 1;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.calendar-dots{width:6px;height:4px;background:linear-gradient(90deg,#333 0,#333 2px,transparent 0,transparent 4px,#333 0,#333 6px);background-size:6px 2px;background-repeat:repeat-y}.date-display{font-family:Press Start\ 2P,monospace;font-size:6px;color:var(--text-secondary);white-space:nowrap}.copy-date-btn{background-color:var(--button-bg);border:2px solid var(--border-color);padding:2px 4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.copy-date-btn:hover{border-color:var(--accent);background-color:var(--button-hover)}.copy-arrow{font-family:Press Start\ 2P,monospace;font-size:8px;color:var(--text-primary)}.color-palette{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background-color:var(--bg-dark);border:3px solid var(--border-color)}.color-swatch{width:24px;height:24px;border:3px solid hsla(0,0%,100%,.2);cursor:pointer;padding:0;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.color-swatch:hover{border-color:hsla(0,0%,100%,.5);transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.3)}.color-swatch-selected{border-color:#fff;box-shadow:0 0 0 2px var(--bg-dark),0 0 0 4px #fff}.revenue-view{flex:1 1;padding:24px;overflow-y:auto}.revenue-header h2{font-size:12px;color:var(--accent);margin-bottom:24px;text-shadow:2px 2px 0 #000}.revenue-graph{background-color:var(--bg-medium);border:4px solid var(--border-color);padding:24px;margin-bottom:24px;box-shadow:4px 4px 0 rgba(0,0,0,.5)}.graph-bars{display:flex;align-items:flex-end;justify-content:space-between;height:240px;gap:8px}.graph-bar-container{display:flex;flex-direction:column;align-items:center;flex:1 1}.graph-bar-value{font-size:6px;color:var(--text-secondary);margin-bottom:4px;text-align:center}.graph-bar{width:100%;max-width:40px;background-color:var(--accent);border:3px solid hsla(0,0%,100%,.2);min-height:4px;image-rendering:pixelated}.graph-bar-current{background-color:#f1c40f;border-color:hsla(0,0%,100%,.4)}.graph-bar-label{font-size:6px;color:var(--text-secondary);margin-top:8px;text-align:center}.graph-bars-wrapper{position:relative}.break-even-line{position:absolute;left:0;right:0;height:0;border-top:1px dashed #f1c40f;z-index:10;pointer-events:none}.break-even-label{position:absolute;left:4px;top:-12px;font-family:Press Start\ 2P,monospace;font-size:6px;color:#f1c40f;background-color:var(--bg-medium);padding:2px 4px}.break-even-line-interest{border-top-color:#3498db;z-index:11}.break-even-label-interest{color:#3498db}.graph-bar-below{opacity:.6}.afterwork-view{flex:1 1;padding:24px;overflow-y:auto;background:linear-gradient(to bottom,var(--bg-dark) 0,#1a1a3e 100%)}.afterwork-header{text-align:center;margin-bottom:24px}.afterwork-header h2{font-size:14px;color:#f1c40f;text-shadow:2px 2px 0 #000,0 0 10px rgba(241,196,15,.5);margin-bottom:8px}.afterwork-subtitle{font-size:8px;color:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.afterwork-scene{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.afterwork-building{border:4px solid var(--border-color);background-color:var(--building-bg);box-shadow:4px 4px 0 rgba(0,0,0,.5),0 0 20px rgba(241,196,15,.1);min-width:300px}.afterwork-building-header{padding:8px 12px;background-color:var(--bg-light);border-bottom:4px solid var(--border-color);font-size:11px;color:#f1c40f}.afterwork-floors{padding:8px}.afterwork-floor{display:flex;align-items:flex-start;padding:8px;border-bottom:2px solid var(--border-color)}.afterwork-floor:last-child{border-bottom:none}.afterwork-floor-label{font-size:7px;color:var(--text-secondary);width:70px;flex-shrink:0}.afterwork-rooms{display:flex;gap:12px;flex-wrap:wrap}.afterwork-room{border:3px solid var(--border-color);padding:8px;background-color:rgba(30,30,60,.8);min-width:80px}.afterwork-room-empty{opacity:.3}.afterwork-room-label{font-size:6px;color:var(--text-secondary);margin-bottom:8px;text-align:center}.afterwork-room-scene{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:50px}.afterwork-people{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pixel-person{display:flex;flex-direction:column;align-items:center;position:relative;animation:bob 1s ease-in-out infinite}.pixel-person:nth-child(2n){animation-delay:.5s}.pixel-person:nth-child(3n){animation-delay:.25s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pixel-person-dancing{animation:dance .5s ease-in-out infinite}@keyframes dance{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}.pixel-person-cheering{animation:cheer .3s ease-in-out infinite}@keyframes cheer{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.person-head{width:8px;height:8px;border:1px solid rgba(0,0,0,.3);border-radius:1px}.person-body{height:10px;border:1px solid rgba(0,0,0,.3)}.person-body,.person-legs{width:10px;margin-top:-1px}.person-legs{height:6px;background:linear-gradient(90deg,#2c3e50 0,#2c3e50 45%,transparent 0,transparent 55%,#2c3e50 0,#2c3e50)}.person-drink{position:absolute;right:-6px;top:8px;width:4px;height:6px;background-color:#f39c12;border:1px solid rgba(0,0,0,.3)}.person-arms-up{position:absolute;top:6px;width:16px;height:4px;background:linear-gradient(90deg,currentColor 0,currentColor 20%,transparent 0,transparent 80%,currentColor 0,currentColor)}.afterwork-bar{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.bar-counter{width:60px;height:8px;background-color:#5d4037;border:2px solid #3e2723}.bar-bottles{display:flex;gap:4px;margin-top:-4px}.bottle{width:6px;height:12px;border:1px solid rgba(0,0,0,.3);border-radius:1px 1px 0 0}.bottle-1{background-color:#27ae60}.bottle-2{background-color:#e74c3c}.bottle-3{background-color:#f39c12}.afterwork-table{margin-top:8px}.table-surface{width:50px;height:6px;background-color:#5d4037;border:2px solid #3e2723}.table-drinks{display:flex;gap:4px;justify-content:center;margin-top:-8px}.table-cup{width:6px;height:8px;background-color:#f39c12;border:1px solid rgba(0,0,0,.3)}.afterwork-footer{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px;padding:16px}.disco-ball{width:24px;height:24px;background:linear-gradient(135deg,#fff,#ccc 50%,#999);border-radius:50%;border:2px solid #666;animation:spin 4s linear infinite;box-shadow:0 0 20px hsla(0,0%,100%,.3)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.music-notes{display:flex;gap:8px}.note{font-size:16px;color:#f1c40f;animation:float 2s ease-in-out infinite}.note:nth-child(2){animation-delay:.3s}.note:nth-child(3){animation-delay:.6s}@keyframes float{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-8px);opacity:.6}}.revenue-table{background-color:var(--bg-medium);border:4px solid var(--border-color);box-shadow:4px 4px 0 rgba(0,0,0,.5);overflow-x:auto}.revenue-table-header{display:flex;background-color:var(--bg-light);border-bottom:3px solid var(--border-color)}.revenue-table-row{display:flex;border-bottom:2px solid var(--border-color)}.revenue-table-row:last-child{border-bottom:none}.revenue-table-totals{background-color:var(--bg-light)}.revenue-cell{flex:1 1;min-width:70px;padding:8px 6px;font-size:7px;text-align:center;display:flex;flex-direction:column;gap:2px;border-right:2px solid var(--border-color)}.revenue-cell:last-child{border-right:none}.revenue-cell-company{width:140px;min-width:140px;flex:none;text-align:left;flex-direction:row;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revenue-cell-current{background-color:rgba(241,196,15,.15)}.revenue-amount{color:#f1c40f;font-size:8px}.revenue-desks{color:var(--text-secondary);font-size:6px}.export-view{flex:1 1;padding:24px;overflow-y:auto}.export-header{margin-bottom:24px}.export-header h2{font-size:12px;color:var(--accent);margin-bottom:8px;text-shadow:2px 2px 0 #000}.export-subtitle{font-size:8px;color:var(--text-secondary)}.export-month-selector{display:flex;align-items:center;gap:8px;margin-bottom:24px}.export-month-selector label{font-size:8px;color:var(--text-secondary)}.export-month-selector select{font-family:Press Start\ 2P,monospace;font-size:10px;padding:6px 8px;border:3px solid var(--border-color);background-color:var(--bg-dark);color:var(--text-primary);cursor:pointer}.export-month-selector select:focus{border-color:var(--accent);outline:none}.export-list{display:flex;flex-direction:column;gap:12px;max-width:500px}.export-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background-color:var(--bg-medium);border:3px solid var(--border-color);padding:16px;box-shadow:4px 4px 0 rgba(0,0,0,.5)}.export-item-content{flex:1 1}.export-company-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.export-company-name{font-size:10px;color:var(--text-primary)}.export-desk-lines{display:flex;flex-direction:column;gap:4px}.export-desk-line{font-size:8px;color:var(--text-secondary)}.export-change-note{font-size:7px;color:var(--accent-primary);margin-top:4px;font-style:italic}.export-copy-btn{flex-shrink:0}.export-copy-btn.btn-copied{background-color:#27ae60;border-color:#27ae60;color:#fff}.export-empty{font-size:9px;color:var(--text-secondary);padding:24px;text-align:center}@media (max-width:768px){.app-header{flex-direction:column;gap:12px;padding:12px 16px}.header-controls{width:100%}.header-controls,.view-toggle{flex-wrap:wrap;justify-content:center}.modal{min-width:auto;width:calc(100% - 32px);max-width:500px;margin:16px}.side-panel{width:100%;border-left:none;border-top:4px solid var(--border-color)}.main-content{flex-direction:column}}