:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=light]{--primary-color: #27ae60;--primary-hover: #229954;--secondary-color: #8b6f47;--secondary-hover: #6d5638;--accent-color: #f39c12;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #ffffff;--bg-navbar: #2d5016;--bg-table-header: #34495e;--bg-hover: #f1f3f4;--info-bg: #d1ecf1;--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-light: #65727a;--text-navbar: #ffffff;--border-color: #ddd;--border-light: #ecf0f1;--shadow: rgba(0,0,0,.1);--shadow-md: rgba(0,0,0,.15);--status-ok-bg: #d4edda;--status-ok-text: #155724;--status-warning-bg: #fff3cd;--status-warning-text: #856404;--status-alert-bg: #f8d7da;--status-alert-text: #721c24;--alert-warning-bg: #fff3cd;--alert-warning-border: #ffc107;--alert-warning-text: #856404;--alert-danger-bg: #f8d7da;--alert-danger-border: #dc3545;--alert-danger-text: #721c24}:root[data-theme=dark]{--primary-color: #2ecc71;--primary-hover: #27ae60;--secondary-color: #b8956a;--secondary-hover: #9d7d57;--accent-color: #f39c12;--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-card: #2d2d2d;--bg-navbar: #1a3a0f;--bg-table-header: #2c3e50;--bg-hover: #3a3a3a;--info-bg: #1e3a4d;--text-primary: #e8e8e8;--text-secondary: #c5c5c5;--text-light: #b5b5b5;--text-navbar: #ffffff;--border-color: #404040;--border-light: #333333;--shadow: rgba(0,0,0,.3);--shadow-md: rgba(0,0,0,.5);--status-ok-bg: #1e4d2b;--status-ok-text: #7fdf9e;--status-warning-bg: #4a3f1a;--status-warning-text: #ffd966;--status-alert-bg: #4a1f23;--status-alert-text: #ff8a95;--alert-warning-bg: #3d3416;--alert-warning-border: #f39c12;--alert-warning-text: #ffd966;--alert-danger-bg: #3d1b1e;--alert-danger-border: #e74c3c;--alert-danger-text: #ff8a95}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app{min-height:100vh}.navbar{background:var(--bg-navbar);color:var(--text-navbar);padding:1rem 2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;box-shadow:0 2px 4px var(--shadow);position:relative}.navbar-brand{display:flex;align-items:center;gap:1rem}.navbar-logo{height:50px;width:auto;object-fit:contain}.navbar-brand h1{font-size:1.5rem;font-weight:600;color:var(--text-navbar)}.navbar-links{display:flex;gap:2rem;align-items:center;flex-grow:1}.navbar-links a{color:var(--text-navbar);text-decoration:none;font-weight:500;transition:opacity .2s}.navbar-links a:hover{opacity:.8}.theme-toggle{margin-left:auto;background:#ffffff26;border:none;color:var(--text-navbar);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:1.2rem;transition:background .2s;display:flex;align-items:center;gap:.5rem}.theme-toggle:first-of-type{margin-left:auto}.theme-toggle:hover{background:#ffffff40}.mobile-layout .navbar{padding:.75rem 1rem;flex-direction:column}.mobile-layout .navbar-brand h1{font-size:1.2rem}.mobile-layout .navbar-logo{height:40px}.mobile-layout .navbar-links{flex-wrap:wrap;gap:.75rem;font-size:.85rem}.mobile-layout .navbar-links a{padding:.4rem .6rem;background:#ffffff1a;border-radius:6px}.mobile-layout .theme-toggle{padding:.4rem .8rem;font-size:1rem;margin-left:0}.mobile-layout .theme-toggle span{font-size:.75rem!important}.mobile-layout .btn{padding:.4rem .8rem!important;font-size:.8rem!important}.mobile-layout .main-content{padding:1rem}.mobile-layout .page-header h2{font-size:1.5rem}.mobile-layout .cards-grid{grid-template-columns:1fr;gap:1rem}.mobile-layout .card{padding:1rem}.mobile-layout table{font-size:.85rem}.mobile-layout th,.mobile-layout td{padding:.5rem!important}.mobile-layout .form-group label{font-size:.9rem}.mobile-layout .input,.mobile-layout .select,.mobile-layout .textarea{font-size:.9rem;padding:.6rem}.mobile-layout .btn-primary,.mobile-layout .btn-secondary,.mobile-layout .btn-danger{padding:.6rem 1rem;font-size:.9rem;min-height:44px;touch-action:manipulation}.mobile-layout .status-badge{padding:.3rem .6rem;font-size:.75rem}.main-content{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:var(--bg-card);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px var(--shadow);transition:background-color .3s ease}.card h3{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.card .value{font-size:2rem;font-weight:600;color:var(--text-primary)}.card .subtitle{font-size:.85rem;color:var(--text-light);margin-top:.25rem}.alert-box{background:var(--alert-warning-bg);border-left:4px solid var(--alert-warning-border);padding:1rem;margin-bottom:2rem;border-radius:4px}.alert-box.danger{background:var(--alert-danger-bg);border-left-color:var(--alert-danger-border)}.alert-box h4{color:var(--alert-warning-text);margin-bottom:.5rem}.alert-box.danger h4{color:var(--alert-danger-text)}.alert-box p{color:var(--alert-warning-text)}.alert-box.danger p{color:var(--alert-danger-text)}table{width:100%;background:var(--bg-card);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px var(--shadow)}thead{background:var(--bg-table-header);color:#fff}th,td{padding:1rem;text-align:left}tbody td{color:var(--text-primary)}tbody tr{border-bottom:1px solid var(--border-light)}tbody tr:hover{background:var(--bg-hover)}tbody tr:hover td{color:var(--text-primary)}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.ok{background:var(--status-ok-bg);color:var(--status-ok-text)}.status-badge.warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.status-badge.alert{background:var(--status-alert-bg);color:var(--status-alert-text)}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--primary-color);color:#fff}.btn:hover{background:var(--primary-hover)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:var(--secondary-hover)}.btn-success{background:var(--primary-color);color:#fff}.btn-success:hover{background:var(--primary-hover)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background:var(--bg-card);color:var(--text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.link{color:var(--primary-color);text-decoration:none;cursor:pointer}.link:hover{text-decoration:underline}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);padding:2rem;border-radius:8px;box-shadow:0 4px 6px var(--shadow-md);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h2{color:var(--text-primary);margin-bottom:1rem}.modal-content{background:var(--bg-card);padding:2rem;border-radius:8px;box-shadow:0 4px 6px var(--shadow-md);width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{color:var(--text-primary);margin-bottom:1.5rem;margin-top:0}