.pilot-data{background:#fafafa;padding:15px;border-radius:6px;margin-top:15px;border:1px solid #eee}.card{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.pilot-header{display:flex;align-items:baseline;margin-bottom:12px;border-bottom:2px solid #667eea;padding-bottom:10px;gap:12px}.pilot-name{font-size:20px;font-weight:700;color:#333}.pilot-callsign{font-size:14px;color:#667eea;font-weight:600}.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1100px){.data-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.data-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.data-grid{grid-template-columns:1fr}}.data-item{display:flex;flex-direction:column}.data-label{color:#999;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:3px;letter-spacing:.4px}.data-value{color:#333;font-size:14px;font-weight:500;word-break:break-word}.flight-plan{grid-column:1 / -1;background:#fff;padding:12px;border-radius:6px;border-left:4px solid #a0c4ff;margin-top:3px;border:1px solid #eee}.flight-plan-title{color:#667eea;font-weight:700;margin-bottom:8px;font-size:12px}.flight-plan-detail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1100px){.flight-plan-detail{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.flight-plan-detail{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.flight-plan-detail{grid-template-columns:1fr}}.flight-info-section{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px}.metar-section{background:#fff;padding:12px;border-radius:6px;border-left:4px solid #d4a574;border:1px solid #eee}.metar-title{color:#b8860b;font-weight:700;margin-bottom:8px;font-size:12px}.metar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 768px){.metar-grid{grid-template-columns:1fr}}.metar-airport{background:#b8860b;color:#fff;padding:5px 8px;font-weight:700;font-size:11px;text-align:center}.metar-data{padding:8px;font-family:Courier New,monospace;font-size:12px;line-height:1.3;color:#333;background:#fff;overflow-x:auto}.metar-data pre{margin:0;word-wrap:break-word;white-space:pre-wrap}.atis-controllers-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 900px){.atis-controllers-wrapper{grid-template-columns:1fr}}.atis-section{background:#fff;padding:12px;border-radius:6px;border-left:4px solid #7ab8b5}body.dark .pilot-data,body.dark .card,body.dark .flight-plan,body.dark .metar-section,body.dark .atis-section,body.dark .controllers-section{background:#1e1e1e;border-color:#444}body.dark .pilot-name,body.dark .pilot-callsign,body.dark .data-value,body.dark .data-label,body.dark .flight-plan-title,body.dark .metar-title,body.dark .metar-airport,body.dark .metar-data{color:#e0e0e0}body.dark .metar-airport{background:#5a4a2a;color:#fff}body.dark .metar-data,body.dark .atis-details{background:#2c2c2c;color:#e0e0e0}body.dark .atis-label{color:#999}body.dark .atis-value,body.dark .atis-text-content{color:#e0e0e0}body.dark .controllers-list{background:#2c2c2c}body.dark .controller-item{border-bottom-color:#444}body.dark .controller-callsign{color:#e0e0e0}body.dark .controller-frequency,body.dark .controller-atis{background:#3c3c3c;color:#e0e0e0}body.dark .atis-airport{background:#3a5a66;color:#fff}body.dark .controllers-airport-code{background:#4a4a66;color:#fff}.atis-title{color:#5a8a9b;font-weight:700;margin-bottom:8px;font-size:12px}.atis-grid{display:grid;grid-template-columns:1fr;gap:8px}.atis-airport{background:#5a8a9b;color:#fff;padding:5px 8px;font-weight:700;font-size:11px;text-align:center}.atis-details{padding:8px;background:#fff;font-size:12px}.atis-info-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;align-items:flex-start}.atis-info-row:last-child{margin-bottom:0}.atis-label{font-weight:600;color:#666;min-width:70px;font-size:12px}.atis-value{color:#333;font-family:Courier New,monospace;flex:1;font-size:12px}.atis-text .atis-label{min-width:100%}.atis-text-content{padding-left:0;font-size:12px;line-height:1.2;color:#333;font-family:Courier New,monospace;margin-top:3px}.atis-text-content div{margin-bottom:1px}.controllers-section{background:#fff;padding:12px;border-radius:6px;border-left:4px solid #a89a97;border:1px solid #eee}.controllers-title{color:#7c73b8;font-weight:700;margin-bottom:8px;font-size:12px}.controllers-grid{display:grid;grid-template-columns:1fr;gap:8px}.controllers-airport-code{background:#7c73b8;color:#fff;padding:5px 8px;font-weight:700;font-size:11px;text-align:center}.controllers-list{padding:6px;background:#fff}.controller-item{padding:6px;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:4px}.controller-item:last-child{border-bottom:none}.controller-info{display:flex;justify-content:space-between;align-items:center;gap:8px}.controller-callsign{font-size:12px;font-weight:600;color:#333;font-family:Courier New,monospace;flex:1}.controller-frequency{font-size:12px;color:#666;background:#f0f0f0;padding:2px 5px;border-radius:3px;font-family:Courier New,monospace}.controller-atis{padding:5px;background:#f9f9f9;border-left:2px solid #a89a97;font-size:12px;line-height:1.2;color:#555;font-family:Courier New,monospace;border-radius:3px}.atis-line{margin-bottom:1px;word-break:break-word}.atis-line:last-child{margin-bottom:0}.aircraft-container{background-color:#fff;padding:16px;box-shadow:0 2px 10px #0000000d;border:1px solid #eaeaea;border-radius:6px;margin-top:25px;margin-bottom:25px;max-width:400px}body.dark .aircraft-container{background-color:#1a1a1a;box-shadow:0 4px 15px #0006;border-color:#333}.aircraft-container h2{margin-top:0;margin-bottom:12px;font-size:18px;color:#333}body.dark .aircraft-container h2{color:#fff}table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:8px 10px;text-align:left}th{color:#555;font-weight:600}body.dark th{color:#ddd}thead{border-bottom:2px solid #eaeaea}body.dark thead{border-bottom:2px solid #333}tbody tr{border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}body.dark tbody tr{border-bottom:1px solid #2c2c2c}tbody tr:hover{background-color:#0077ff0a}body.dark tbody tr:hover{background-color:#4da6ff14}td:last-child,th:last-child{text-align:right}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;background-color:#f0f4f8;color:#333;margin:0;padding:0}.container{max-width:960px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.search-section{display:flex;gap:10px;margin-bottom:25px;margin-top:25px}.search-section input[type=text]{flex:1;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:12px;transition:border-color .3s}.search-section input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-section button{padding:10px 24px;background:#a0c4ff;color:#333;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap}.search-section button:hover{background:#8faadc}.search-section button:active{transform:scale(.98)}.search-section button:disabled{background:#ccc;cursor:not-allowed}.search-section input:disabled{background:#f5f5f5;color:#ccc}body.dark{background-color:#121212;color:#e0e0e0}body.dark #main-container{background:none}body.dark h1{color:#fff}body.dark .search-section input[type=text]{background:#2c2c2c;color:#e0e0e0;border-color:#555}body.dark .search-section button{background:#444;color:#e0e0e0}body.dark .search-section button:hover{background:#555}body.dark .error{background:#5f1e1e;color:#f1b0b0;border-left-color:#f1b0b0}body.dark .loading,body.dark .empty-state{color:#bbb}.nav{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:14px 24px;box-shadow:0 2px 10px #0000000d;border-bottom:1px solid #eaeaea;border-radius:6px;position:sticky;top:0;z-index:100}body.dark .nav{background-color:#1a1a1a;box-shadow:0 4px 15px #0006;border-bottom-color:#333}.nav-links{display:flex;gap:20px;align-items:center}.nav-el{color:#555;font-size:15px;font-weight:600;text-decoration:none;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}body.dark .nav-el{color:#ddd}.nav-el:hover{color:#07f;background-color:#0077ff14}body.dark .nav-el:hover{color:#4da6ff;background-color:#4da6ff26}.dark-toggle{background:transparent;border:1px solid #ccc;color:inherit;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}body.dark .dark-toggle{border-color:#555}.dark-toggle:hover{background-color:#0000000d}body.dark .dark-toggle:hover{background-color:#ffffff1a}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}#root{width:100%;max-width:1200px;margin:0 auto}body.dark *{transition:background-color .3s,color .3s}#main-container{padding:5px}h1{color:#333;margin-bottom:10px;text-align:left;font-size:24px;font-weight:600}.error{background:#ffe3e3;color:#a33;padding:12px 15px;border-radius:6px;margin-bottom:20px;border-left:4px solid #a33;font-size:14px}.loading{text-align:center;color:#8faadc;padding:20px;font-size:14px}.empty-state{text-align:center;color:#666;padding:40px 20px;font-size:14px}