/* Placeholder bootstrap.min.css
   NOTE: This is a minimal helper CSS for layout only.
   Replace with the official Bootstrap 4/5 compiled CSS in css/bootstrap.min.css for full features.
*/
html,body{height:100%;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.4;background:#0b0d10;color:#ddd;}
.container{width:90%;max-width:1100px;margin:0 auto;}
.row{display:flex;flex-wrap:wrap;margin:0 -10px;}
.col{padding:0 10px;flex:1;}
.col-4{flex:0 0 33.3333%;}
.col-6{flex:0 0 50%;}
.text-center{text-align:center;}
.btn{display:inline-block;padding:10px 16px;border-radius:4px;text-decoration:none;border:0;cursor:pointer;}
.btn-primary{background:#007bff;color:#fff;}
.navbar{display:flex;align-items:center;padding:12px 0;background:transparent;}
.fixed-top{position:fixed;top:0;left:0;right:0;z-index:1000;}
.section{padding:80px 0;}
.card{background:#111218;border-radius:8px;padding:20px;}
.form-control{width:100%;padding:10px;margin-bottom:10px;border-radius:4px;border:1px solid #333;background:#0f1114;color:#ddd;}
.footer{padding:20px 0;text-align:center;color:#888;}
.sidebar{position:fixed;top:0;left:0;width:220px;height:100%;padding:20px;background:#0f1114;}
.content{margin-left:240px;padding:40px;}
@media (max-width:800px){.col-4,.col-6{flex:0 0 100%;}.sidebar{position:static;width:100%;height:auto}.content{margin:0;padding:20px}}
/* Light mode variables (default dark). Toggled by .light-mode on body */
body.light-mode{background:#f7f7f9;color:#222;}
body.light-mode .card{background:#ffffff;color:#222;border:1px solid #e5e7eb;}
body.light-mode .navbar{background:transparent;}
body.light-mode .sidebar{background:#ffffff;color:#222;border-right:1px solid #eee;}