:root{color:#202b2c;background:#e9f0ec;font-family:Georgia,Times New Roman,serif}body{min-width:320px;min-height:100vh;margin:0}.login-page{background:linear-gradient(135deg,#e9f0ec 0%,#c8dbd1 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-form{background:#fffdf8;flex-direction:column;gap:10px;width:100%;max-width:390px;padding:42px;display:flex}.login-form h1{margin:0;font-size:3rem;font-weight:500}.login-header{color:#c66538;letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:.75rem;font-weight:700}.login-intro{color:#60706c;margin:0 0 18px}.login-form label{font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:700}.login-form input{box-sizing:border-box;font:inherit;border:1px solid #a9c3b5;border-radius:2px;width:100%;margin-bottom:8px;padding:13px}.login-form button,.logged-in-page button{color:#fff;cursor:pointer;background:#202b2c;border:0;border-radius:2px;margin-top:12px;padding:14px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.login-form button:disabled{cursor:wait;opacity:.7}.public-targets-link{color:#28654d;text-align:center;margin-top:12px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}.login-error{color:#a13727;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}.logged-in-page{min-height:100vh}.targets-page{box-sizing:border-box;background:#e9f0ec;min-height:100vh;padding:64px 7vw 80px}.targets-header,.targets-content{max-width:1120px;margin:0}.targets-header{border-bottom:1px solid #a9c3b5;padding-bottom:38px}.targets-header-main{justify-content:space-between;align-items:end;gap:32px;display:flex}.targets-eyebrow,.target-type{color:#c66538;letter-spacing:.12em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:.75rem;font-weight:700}.targets-eyebrow{margin:0 0 14px}.targets-header h1{max-width:720px;margin:0;font-size:clamp(2.7rem,7vw,5.8rem);font-weight:500;line-height:.98}.targets-header>p:last-child{color:#60706c;max-width:560px;margin:24px 0 0;font-size:1.1rem;line-height:1.6}.targets-content{flex-direction:column;gap:48px;padding-top:48px;display:flex}.targets-content h2{margin:0 0 22px;font-size:1.7rem;font-weight:500}.targets-list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.target-item{background:#fffdf8;border-left:4px solid #a9c3b5;padding:22px 24px}.target-item strong{margin-top:7px;font-size:1.35rem;display:block}.target-item p,.suggestion-form>p{color:#60706c;margin:8px 0 0;line-height:1.55}.suggestion-form{background:#fffdf8;flex-direction:column;align-self:start;gap:10px;width:100%;max-width:720px;padding:30px;display:flex}.suggestion-form h2{margin-bottom:0}.suggestion-form label{margin-top:14px;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:700}.suggestion-form input,.suggestion-form textarea{box-sizing:border-box;font:inherit;border:1px solid #a9c3b5;border-radius:2px;width:100%;padding:12px}.suggestion-form textarea{resize:vertical;min-height:110px}.suggestion-form button{color:#fff;cursor:pointer;background:#202b2c;border:0;border-radius:2px;margin-top:12px;padding:14px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.suggestion-form button:disabled{cursor:wait;opacity:.7}.targets-status,.targets-error,.targets-success{font-family:Arial,Helvetica,sans-serif;line-height:1.5}.targets-error{color:#a13727}.targets-success{color:#28654d}.requests-page,.devices-page{box-sizing:border-box;background:#e9f0ec;min-height:100vh;padding:64px 7vw 80px}.requests-header,.requests-content{max-width:1120px;margin:0}.requests-header{border-bottom:1px solid #a9c3b5;justify-content:space-between;align-items:end;gap:32px;padding-bottom:38px;display:flex}.requests-header h1{margin:0;font-size:clamp(2.7rem,7vw,5.8rem);font-weight:500;line-height:.98}.requests-header>div:first-child>p:last-child{color:#60706c;max-width:560px;margin:24px 0 0;font-size:1.1rem;line-height:1.6}.requests-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.requests-actions a{color:#28654d;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:700}.requests-actions .requests-targets-button{background:#dce9e1;border:1px solid #a9c3b5;border-radius:2px;padding:11px 15px;text-decoration:none}.requests-actions button{color:#fff;cursor:pointer;background:#202b2c;border:0;border-radius:2px;padding:12px 16px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.requests-content{padding-top:48px}.devices-content{grid-template-columns:1fr;gap:48px;max-width:1120px;margin:0;padding-top:48px;display:grid}.devices-content h2{margin:0 0 22px;font-size:1.7rem;font-weight:500}.device-form{background:#fffdf8;flex-direction:column;align-self:start;gap:10px;padding:30px;display:flex}.device-form label{margin-top:14px;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:700}.device-form input,.device-form textarea{box-sizing:border-box;font:inherit;border:1px solid #a9c3b5;border-radius:2px;width:100%;padding:12px}.device-form textarea{resize:vertical;min-height:110px}.device-form button{color:#fff;cursor:pointer;background:#202b2c;border:0;border-radius:2px;margin-top:12px;padding:14px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.device-form button:disabled{cursor:wait;opacity:.7}.requests-content h2{margin:0 0 22px;font-size:1.7rem;font-weight:500}.requests-table-wrapper{background:#fffdf8;overflow-x:auto}.requests-table{border-collapse:collapse;width:100%;min-width:680px}.requests-table th,.requests-table td{text-align:left;border-bottom:1px solid #d8e2dc;padding:18px 22px}.requests-table th{color:#202b2c;letter-spacing:.08em;text-transform:uppercase;background:#dce9e1;font-family:Arial,Helvetica,sans-serif;font-size:.78rem}.requests-table td:last-child{color:#60706c;white-space:nowrap}.requests-empty{color:#60706c;background:#fffdf8;margin:0;padding:24px}.deployments-content>h2{margin-bottom:0}.deployment-device-picker,.deployments-content>select{font-family:Arial,Helvetica,sans-serif}.deployment-device-picker{font-size:.85rem;font-weight:700}.deployments-content>select{box-sizing:border-box;font:inherit;border:1px solid #a9c3b5;border-radius:2px;width:100%;max-width:420px;padding:12px}.deployment-form{background:#fffdf8;flex-direction:column;gap:10px;padding:30px;display:flex}.deployment-form h2{margin:0 0 12px;font-size:1.7rem;font-weight:500}.deployment-form label{margin-top:14px;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:700}.deployment-form input,.deployment-form textarea,.deployment-form select{box-sizing:border-box;font:inherit;border:1px solid #a9c3b5;border-radius:2px;width:100%;padding:12px}.deployment-form textarea{resize:vertical;min-height:110px}.deployment-location-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.deployment-location-fields label{display:block}.deployment-targets-select{min-height:125px}.deployment-form button{color:#fff;cursor:pointer;background:#202b2c;border:0;border-radius:2px;margin-top:12px;padding:14px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.deployment-form button:disabled{cursor:wait;opacity:.7}.app-container{color:#000;box-sizing:border-box;border-radius:8px;max-width:100%;padding-bottom:10px;padding-left:20px;font-family:Arial,Helvetica,sans-serif;font-size:18px;box-shadow:0 4px 6px #0000001a}.app-container nav a{color:inherit;background-color:#c6c5c5;border-radius:4px;padding:.5em 1em;font-size:2.1em;text-decoration:none;list-style-type:none;display:inline-block}.app-container nav a:hover{text-shadow:0 2px 2px #0000001a;background-color:#ded4d4;text-decoration:underline}.app-container .body-content{box-sizing:border-box;max-width:60%;margin:20px 0}.app-container .body-content a{font-size:inherit;color:#007bff;background-color:#0000;border-radius:0;padding:0;text-decoration:none;display:inline}.app-container .body-content a:hover{text-shadow:none;background-color:#0000;text-decoration:underline}.app-container .device-data{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;max-width:40%;margin-top:5px}.app-container .device-data p{margin:5px 0;font-size:14px}.app-container .device-table-wrapper{box-sizing:border-box;background-color:#fff;border:1px solid #d8d8d8;border-radius:10px;max-width:100%;max-height:200px;margin:24px 0;padding:0;overflow-x:auto}.app-container .deployment-table-wrapper{width:max-content;min-width:100%;max-height:500px;overflow:auto}.app-container .detections-page{max-width:1100px}.app-container .detections-controls{align-items:center;gap:12px;margin:20px 0 12px;font-weight:600;display:flex}.app-container .detections-controls select{border:1px solid #cbd5e1;border-radius:8px;min-width:280px;padding:10px 14px;font-size:1rem}.app-container .deployment-summary{background:#f8fafc;border:1px solid #dfe7ef;border-radius:10px;flex-direction:column;gap:10px;margin:12px 0 20px;padding:18px;display:flex}.app-container .deployment-summary>div{line-height:1.6;display:block}.app-container .device-page{max-width:1100px}.app-container .device-controls,.app-container .device-section{align-items:center;gap:12px;margin:20px 0 12px;font-weight:600;display:flex}.app-container .device-controls select,.app-container .device-section select{border:1px solid #cbd5e1;border-radius:8px;min-width:280px;padding:10px 14px;font-size:1rem}.app-container .device-summary{background:#f8fafc;border:1px solid #dfe7ef;border-radius:10px;flex-direction:column;gap:10px;margin:12px 0 20px;padding:18px;display:flex}.app-container .device-summary>div{line-height:1.6}.app-container .deployment-link-row{margin-top:12px}.app-container .detection-table-wrapper,.app-container .health-table-wrapper{max-width:1000px;max-height:500px}.app-container .empty-state,.app-container .error-text{color:#475569;padding:18px}.app-container .error-text{color:#b91c1c}.app-container .detections-footer{margin-top:20px}.app-container .view-detections-link,.app-container .device-link{color:#0f766e;font-weight:600;text-decoration:none}.app-container .view-detections-link:hover,.app-container .device-link:hover{text-decoration:underline}.app-container .device-table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%}.app-container .device-table thead{background-color:#f1f5f9}.app-container .device-table th,.app-container .device-table td{text-align:left;border-bottom:1px solid #e9ecef;padding:14px 16px;font-size:15px}.app-container .device-table th{color:#1f2937;background-color:#f1f5f9;font-weight:600}.app-container .target-sounds-list{margin:0;padding-left:1.2rem;list-style:outside}.app-container .target-sound-item{white-space:nowrap;line-height:1.6}@media (width<=960px){.targets-page{padding:40px 24px 56px}.targets-content{grid-template-columns:1fr}.targets-header-main{flex-direction:column;align-items:flex-start}.requests-page,.devices-page{padding:40px 24px 56px}.requests-header{flex-direction:column;align-items:flex-start}.requests-content{padding-top:36px}.devices-content{grid-template-columns:1fr;padding-top:36px}.app-container{box-sizing:border-box;background-color:#fff;margin:auto;padding:0 8px}.app-container .nav-bar{flex-wrap:wrap;justify-content:space-around;gap:10px}.app-container .nav-bar a{margin:5px 0;font-size:4vw}.app-container .body-content{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0 16px;font-size:3vw}.detections-controls,.device-controls,.device-section{flex-direction:column;align-items:stretch;gap:8px;margin-top:14px}.detections-controls label,.device-controls label,.device-section label{font-size:.9rem}.detections-controls select,.device-controls select,.device-section select{width:100%;min-width:0;padding:8px 10px;font-size:.9rem}.deployment-summary,.device-summary{gap:8px;padding:12px;font-size:.9rem}.deployment-location-fields{grid-template-columns:1fr}.device-table-wrapper,.deployment-table-wrapper,.detection-table-wrapper,.health-table-wrapper{max-height:350px}.device-table th,.device-table td{padding:10px 12px;font-size:13px}}
