.firewall-practice-grid{display:grid;grid-template-columns:minmax(220px,1fr) 180px minmax(0,1.55fr);align-items:stretch;gap:12px}.firewall-practice-panel{min-width:0;padding:16px;border:1px solid #3d5267;border-radius:8px;background:#2c3e50;color:#ecf0f1;text-align:left}.firewall-practice-panel h2{margin:0 0 14px;font-size:1rem;color:#ecf0f1}.firewall-practice-field{display:grid;gap:6px;margin-bottom:14px;color:#bdc3c7;font-size:.9rem}.firewall-practice-source-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.firewall-practice-source-heading>span{flex:0 0 auto}.firewall-practice-source-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.firewall-traffic-mode-button{padding:5px 8px;border:1px solid #607b95;border-radius:4px;background:#23384c;color:#d9e8f6;font:inherit;font-size:.78rem;cursor:pointer}.firewall-traffic-mode-button:hover{background:#304b66}.firewall-traffic-mode-button:disabled{cursor:not-allowed;opacity:.55}.firewall-traffic-mode-button.is-active{border-color:#2ea86b;background:#1f4938;color:#d9f6e6}.firewall-practice-field input,.firewall-practice-field select{width:100%;min-width:0;padding:9px 10px;border:1px solid #556983;border-radius:5px;background:#34495e;color:#ecf0f1;font:inherit}.firewall-practice-target{display:grid;gap:4px;margin-bottom:14px;padding:10px;border-left:3px solid #58a6ff;background:#24384b}.firewall-practice-target span,.firewall-practice-target small{color:#aab7c4}.firewall-practice-target strong{color:#fff}.firewall-practice-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.firewall-practice-hint,.firewall-practice-decision>p{margin:10px 0 0;color:#bdc3c7;font-size:.88rem;line-height:1.45}.firewall-practice-decision{display:flex;flex-direction:column;align-items:stretch}.firewall-decision-button{min-height:46px;margin-top:12px;border:0;border-radius:5px;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:filter .12s ease,transform .12s ease}.firewall-decision-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.firewall-decision-button:disabled{cursor:not-allowed;opacity:.55}.firewall-decision-button--allow{background:#218c56}.firewall-decision-button--deny{background:#c83f3a}.firewall-practice-score{display:grid;gap:2px;margin-top:auto;padding-top:18px;text-align:center}.firewall-practice-score strong{color:#fff;font-size:1.4rem}.firewall-practice-score span{color:#aab7c4;font-size:.8rem}.firewall-practice-feedback,.firewall-practice-error{display:grid;gap:6px;margin:14px 0 0;padding:10px;border:1px solid #536579;border-radius:5px;background:#24384b;color:#e5edf5;font-size:.85rem;line-height:1.4}.firewall-practice-feedback.is-correct{border-color:#27ae60;background:#1f4938}.firewall-practice-feedback.is-incorrect,.firewall-practice-error{border-color:#e74c3c;background:#4a2937}.firewall-practice-rules-panel{display:flex;flex-direction:column}.firewall-practice-rules-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.firewall-practice-rules-heading h2{margin-bottom:4px}.firewall-practice-rules-heading p,.firewall-practice-rules-heading>span{margin:0 0 12px;color:#aab7c4;font-size:.82rem}.firewall-practice-rule-list{max-height:520px;overflow:auto;border:1px solid #556983;border-radius:5px;scrollbar-color:#71869b #24384b}.firewall-practice-rules-table{width:100%;border-collapse:collapse;font-size:.83rem}.firewall-practice-rules-table th,.firewall-practice-rules-table td{padding:10px 8px;border-bottom:1px solid #445a70;text-align:left;vertical-align:top;overflow-wrap:anywhere}.firewall-practice-rules-table th{position:sticky;top:0;z-index:1;background:#24384b;color:#bdc3c7}.firewall-practice-rules-table tr:last-child td{border-bottom:0}.firewall-practice-rules-table tr.firewall-rule-row--correct td{background:#1f4938;box-shadow:inset 0 1px #27ae60,inset 0 -1px #27ae60}.firewall-practice-rules-table tr.firewall-rule-row--incorrect td{background:#542b32;box-shadow:inset 0 1px #e74c3c,inset 0 -1px #e74c3c}.firewall-action-tag{display:inline-block;padding:3px 7px;border-radius:999px;color:#fff;font-size:.76rem;font-weight:700}.firewall-action-tag.is-allow{background:#218c56}.firewall-action-tag.is-deny{background:#c83f3a}.firewall-practice-empty{padding:18px!important;color:#aab7c4;text-align:center!important}@media(max-width:1150px){.firewall-practice-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.firewall-practice-rules-panel{grid-column:1 / -1}}@media(max-width:720px){.firewall-practice-grid{grid-template-columns:minmax(0,1fr)}.firewall-practice-rules-panel{grid-column:auto}.firewall-practice-fields-row{grid-template-columns:minmax(0,1fr)}.firewall-practice-decision{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.firewall-practice-decision h2,.firewall-practice-decision>p,.firewall-practice-score,.firewall-practice-feedback,.firewall-practice-error{grid-column:1 / -1}}.test-connection-page{min-height:100vh;padding:22px;background:#1a1a1a;color:#ecf0f1}.test-connection-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.test-connection-header h1{margin:0 0 6px;color:#ecf0f1;font-size:1.35rem}.test-connection-header p{margin:0;color:#aeb9c3;line-height:1.45}.test-connection-server-select{display:grid;flex:0 1 340px;gap:6px;color:#bdc3c7;font-size:.9rem}.test-connection-server-select select{width:100%;min-width:220px;padding:10px;border:1px solid #556983;border-radius:5px;background:#34495e;color:#ecf0f1;font:inherit}.test-connection-state{padding:14px 0;color:#bdc3c7}.test-connection-state.is-error{color:#ff8a80}@media(max-width:720px){.test-connection-page{padding:14px}.test-connection-header{align-items:stretch;flex-direction:column}.test-connection-server-select{flex-basis:auto}}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media(max-width:768px){.rules-form-row{grid-template-columns:1fr!important}.rules-form-actions{flex-direction:column;align-items:stretch}.rules-form-submit,.rules-form-cancel,.rules-filter-input{width:100%!important}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ecf0f1;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background-color:#1a1a1a;min-height:100vh}body{margin:0;padding:0;background-color:#1a1a1a;color:#ecf0f1;min-height:100vh}#root{background-color:#1a1a1a;min-height:100vh}a{font-weight:500;color:#3498db;text-decoration:inherit}a:hover{color:#2980b9}h1,h2,h3,h4,h5,h6{color:#ecf0f1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2c3e50;color:#ecf0f1;cursor:pointer;transition:all .25s}button:hover{background-color:#34495e;border-color:#3498db}button:focus,button:focus-visible{outline:2px solid #3498db}input,select,textarea{background-color:#34495e;border:1px solid #556983;color:#ecf0f1;border-radius:6px;padding:8px}input:focus,select:focus,textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}table{background-color:#2c3e50;color:#ecf0f1}@keyframes login-card-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.loginCardEnter{animation:login-card-enter .42s ease-out both}@media(prefers-reduced-motion:reduce){.loginCardEnter{animation:none}}@media(prefers-color-scheme:light){:root{color:#ecf0f1;background-color:#1a1a1a}body,#root{background-color:#1a1a1a}}