.timeline-container{background:#252525;padding:12px 0 8px;margin-bottom:0;border:1px solid #404040;border-bottom:none;border-radius:8px 8px 0 0}.timeline{position:relative;width:100%;height:40px;box-sizing:border-box;padding:0 20px}.timeline-track{position:relative;width:100%;height:100%}.timeline-marker{position:absolute;top:0;font-size:.75em;color:#e0e0e0;transform:translate(-50%);white-space:nowrap;font-family:Courier New,monospace;font-weight:400}.timeline-line{position:absolute;top:20px;width:1px;height:20px;background:#e0e0e0;transform:translate(-50%);opacity:.4}.timeline-allocation{position:absolute;top:25px;height:12px;background:#424242;border:1px solid #616161;border-radius:2px;font-size:.55em;color:#e0e0e0;overflow:hidden;white-space:nowrap;padding:0 4px;line-height:10px;z-index:5}.frequency-band{position:absolute;height:24px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:.75em;box-shadow:0 1px 3px #00000080;transition:all .2s;cursor:move;border:1px solid rgba(255,255,255,.15);-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap}.frequency-band.dragging{opacity:.8;z-index:1000;cursor:grabbing;box-shadow:0 4px 12px #ffeb3b99}.frequency-band.pending{border:2px solid #ffeb3b;box-shadow:0 2px 8px #ffeb3bcc;cursor:pointer}.frequency-band.blocked{background:repeating-linear-gradient(45deg,#ff9800,#ff9800 8px,#ff6f00 8px,#ff6f00 16px)!important;opacity:.85;border:1px solid #e65100}.frequency-band.bad{background:repeating-linear-gradient(45deg,#ef5350,#ef5350 8px,#c62828 8px,#c62828 16px)!important;opacity:.9;border:1px solid #b71c1c}.frequency-band-label{text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:0 4px;text-overflow:ellipsis;overflow:hidden;width:100%}.dual-pedestal-container{background:transparent}.dual-block{position:absolute;top:0;bottom:0;border-radius:3px;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 3px #00000080}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.approval-modal{background:#1a1f3a;border:2px solid #ffeb3b;border-radius:8px;padding:30px;min-width:400px;max-width:500px;box-shadow:0 10px 40px #000c}.approval-modal h2{color:#64b5f6;margin-bottom:20px;font-size:1.5em}.modal-content{margin-bottom:20px}.modal-item{margin-bottom:15px}.modal-label{color:#9e9e9e;font-size:.9em;margin-bottom:5px}.modal-value{color:#e0e0e0;font-size:1em}.modal-value.new{color:#ffeb3b;font-weight:600}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel,.btn-approve{padding:10px 20px;border-radius:4px;cursor:pointer;font-size:.9em;font-weight:500;border:none}.btn-cancel{background:#2d3447;color:#e0e0e0}.btn-approve{background:#4caf50;color:#fff;font-weight:600}.btn-cancel:hover{background:#3d4457}.btn-approve:hover{background:#45a049}.visualization-container{background:#1e1e1e;border-radius:0 0 8px 8px;padding:0;border:1px solid #404040;border-top:none;overflow:hidden}.frequency-chart{position:relative;min-height:400px;background:#1e1e1e}.chart-content{position:relative;min-height:300px;padding:8px 0 15px;width:100%;box-sizing:border-box}.chart-inner{position:relative;padding:0 20px;width:100%;box-sizing:border-box;min-height:300px}.chart-track{position:relative;width:100%;height:100%;min-height:300px}.chart-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.grid-line{position:absolute;top:0;bottom:0;width:1px;background:#333;transform:translate(-50%)}.grid-line.major{background:#404040;opacity:.5}.controls-panel{display:grid;grid-template-columns:auto 1fr;gap:20px;margin-top:20px}.controls-section{background:#252525;border-radius:8px;padding:20px;border:1px solid #404040}.control-group{margin-bottom:15px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;margin-bottom:6px;font-size:.75em;color:#9e9e9e;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.inline-inputs{display:flex;align-items:center;gap:6px;margin-bottom:8px}.inline-inputs span{color:#90caf9;font-weight:300}input[type=number],input[type=text],select{flex:1;padding:6px 8px;background:#333;border:1px solid #404040;border-radius:4px;color:#e0e0e0;font-size:.8em;transition:all .2s}input[type=number]:focus,input[type=text]:focus,select:focus{outline:none;border-color:#90caf9;background:#404040}input.compact,select.compact{width:100%;margin-bottom:8px}input::placeholder{color:#7a7a7a}.btn{width:100%;padding:6px 12px;border:none;border-radius:4px;font-size:.75em;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:#90caf9;color:#1e1e1e}.btn-primary:hover{background:#64b5f6}.btn-warning{background:#ffb74d;color:#1e1e1e}.btn-warning:hover{background:#ffa726}.btn-danger{background:#ef5350;color:#fff}.btn-danger:hover{background:#e53935}.btn-remove{background:transparent;color:#ef5350;border:1px solid #ef5350;padding:6px 12px;font-size:.75em;width:auto}.btn-remove:hover{background:#ef5350;color:#fff}.items-list{background:#252525;border-radius:8px;padding:20px;border:1px solid #404040;max-height:500px;overflow-y:auto}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-track{background:#333;border-radius:3px}.items-list::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.items-list::-webkit-scrollbar-thumb:hover{background:#505050}.item-card{background:#333;border:1px solid #404040;border-radius:6px;padding:12px;margin-bottom:10px;font-size:.85em}.item-card:last-child{margin-bottom:0}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-name{font-weight:600;color:#90caf9}.item-info{display:flex;flex-direction:column;gap:4px;color:#9e9e9e;font-size:.9em}.item-info-row{display:flex;justify-content:space-between}.item-info-label{color:#8a8a8a}.item-info-value{color:#e0e0e0}.blocked-card{border-left:3px solid #ffb74d}.bad-freq-card{border-left:3px solid #ef5350}.color-indicator{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:middle}@media (max-width: 1200px){.controls-panel{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.edit-modal{background:#252525;border-radius:8px;padding:20px;width:400px;box-shadow:0 10px 30px #00000080;border:1px solid #404040;color:#e0e0e0}.edit-modal h2{margin-top:0;color:#90caf9;font-weight:400;margin-bottom:20px;font-size:1.2em}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#9e9e9e;font-size:.8em}.form-group input{width:100%;padding:8px;background:#333;border:1px solid #404040;border-radius:4px;color:#e0e0e0;font-size:.9em}.form-group input:focus{outline:none;border-color:#90caf9;background:#404040}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.btn-cancel{padding:8px 16px;background:transparent;border:1px solid #616161;color:#e0e0e0;border-radius:4px;cursor:pointer}.btn-cancel:hover{background:#333}.btn-save{padding:8px 16px;background:#90caf9;border:none;color:#1e1e1e;border-radius:4px;cursor:pointer;font-weight:500}.btn-save:hover{background:#64b5f6}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);padding:20px}.login-box{background:#2a2a2a;border:2px solid #404040;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 8px 24px #0000004d}.login-box h1{color:#fff;margin:0 0 30px;text-align:center;font-size:28px;font-weight:600}.login-form-group{margin-bottom:24px}.login-form-group label{display:block;color:#b0b0b0;margin-bottom:8px;font-size:14px;font-weight:500}.login-form-group input{width:100%;padding:12px;background:#1e1e1e;border:2px solid #404040;border-radius:6px;color:#fff;font-size:16px;transition:border-color .2s;box-sizing:border-box}.login-form-group input:focus{outline:none;border-color:#90caf9}.login-error{color:#ef5350;font-size:12px;margin-top:8px}.login-box .btn{width:100%;padding:12px;background:#90caf9;color:#000;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.login-box .btn:hover{background:#64b5f6}.login-box .btn:active{background:#42a5f5}.container{max-width:1600px;margin:0 auto;background:#252525;border-radius:12px;padding:30px;box-shadow:0 10px 40px #00000080}header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #404040}.header-content{display:flex;justify-content:space-between;align-items:center}header h1{font-size:2em;color:#e0e0e0;font-weight:300;letter-spacing:1px;margin:0}.project-controls{display:flex;gap:10px;align-items:center}.project-select{background:#333;border:1px solid #404040;color:#e0e0e0;padding:6px 12px;border-radius:4px;font-size:.9em;outline:none}.btn-sm{padding:6px 12px;font-size:.8em}.app-footer{margin-top:40px;padding-top:20px;border-top:1px solid #404040;text-align:center;color:gray}.app-footer p{margin:0;font-size:.9em}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1e1e1e;min-height:100vh;padding:20px;color:#e0e0e0}#root{width:100%}