:root{--primary: #FFC107;--bg: #F5F5F5;--card-bg: #FFFFFF;--text: #333333;--text-secondary: #666666;--bottom-bar: #FFFFFF;--btn-bg: #1E1E1E;--btn-text: #FFFFFF;--btn-active-bg: #FFC107;--btn-active-text: #1E1E1E;--bottom-nav-height: 130px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}header{background:var(--primary);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;min-height:48px;box-shadow:0 2px 8px #0000001a;color:#1e1e1e}.content{flex:1;padding:16px;padding-bottom:calc(var(--bottom-nav-height) + 20px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--bottom-bar);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:6px 8px;gap:6px;z-index:1000;box-shadow:0 -2px 10px #0000001a}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;min-width:52px;height:50px;border-radius:14px;background:var(--btn-bg);color:var(--btn-text);text-decoration:none;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s;flex:0 1 auto;padding:4px 6px}.bottom-nav a.active{background:var(--btn-active-bg);color:var(--btn-active-text)}.logout-btn{background:#ffe0e0!important;color:#c00!important}.login-page{max-width:400px;margin:40px auto;padding:24px;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #00000014}.login-page h1{text-align:center;margin-bottom:20px;color:#333}.error{color:#dc3545;font-size:14px;margin-top:8px}.p-4{padding:20px}.mb-3{margin-bottom:12px}.active-request{border-left:6px solid var(--primary)}.card{background:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 2px 8px #00000014}input,select,textarea{width:100%;padding:12px;margin-bottom:10px;border:1px solid #DDD;border-radius:8px;font-size:16px}button.btn{padding:10px 18px;border:none;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;background:#1e1e1e;color:#fff}button.btn-success{background:#28a745}button.btn-danger{background:#dc3545}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a2e;--text-secondary: #555;--accent: #f5c518;--border: #ddd;--card-bg: #ffffff;--header-bg: #1a1a2e;--header-text: #ffffff}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #aaa;--accent: #f5c518;--border: #333;--card-bg: #1e1e1e;--header-bg: #000000;--header-text: #f5c518}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.app-container{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}header{background-color:var(--header-bg);color:var(--header-text);padding:.8rem;display:flex;justify-content:space-between;align-items:center}.card,.data-card{background-color:var(--card-bg);border:1px solid var(--border)}input,select,textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}