.rbd-app{display:flex;font-family:system-ui;background:#f4f6fb;min-height:100vh}
.rbd-notice{background:#0d6efd;color:white;padding:10px;overflow:hidden;white-space:nowrap}
.rbd-notice span{display:inline-block;animation:scroll 15s linear infinite}
@keyframes scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.rbd-notice button{float:right;background:none;border:0;color:white;font-size:16px}

.rbd-sidebar{width:240px;background:#111827;color:white;padding:20px}
.rbd-sidebar h2{text-align:center;margin-bottom:20px}
.rbd-link{display:block;padding:10px;color:#ddd;text-decoration:none;cursor:pointer}
.rbd-link:hover,.rbd-link.active{background:#2563eb;color:white;border-radius:6px}
.logout{background:#b91c1c!important}

.rbd-main{flex:1;padding:30px}

.rbd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.card{background:white;padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08);text-align:center;font-size:18px}

.rbd-box{background:white;padding:20px;border-radius:12px;margin-top:20px}

.rbd-tab{display:none}
.rbd-tab.active{display:block}

.rbd-table{width:100%;background:white;border-collapse:collapse;border-radius:12px;overflow:hidden}
.rbd-table th,.rbd-table td{padding:12px;border-bottom:1px solid #eee;text-align:center}

input,button{padding:10px;border-radius:8px;border:1px solid #ccc;width:100%;margin-bottom:10px}
button{background:#2563eb;color:white;border:0;font-size:16px}
button:hover{opacity:.9}

.rbd-alert{padding:20px;background:#fee2e2;color:#991b1b;border-radius:10px}