html,body{height:100%}body{margin:0;font-family:sans-serif;background:#f4f4f4;color:#333;padding:20px;box-sizing:border-box}.top-bar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ddd;background:#f7f7f7;position:relative}.top-left{min-width:120px}.top-center{position:absolute;left:50%;transform:translateX(-50%);font-size:26px;font-weight:600;white-space:nowrap}.top-right{display:flex;align-items:center;gap:15px;font-size:14px}.db-btn{display:inline-block;padding:10px 20px;margin:5px;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(135deg,#4CAF50,#45A049);border:none;border-radius:6px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1);text-align:center;user-select:none}.db-btn:hover{background:linear-gradient(135deg,#45A049,#4CAF50);transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,0.15)}.db-btn:active{transform:translateY(1px);box-shadow:0 3px 5px rgba(0,0,0,0.1)}.db-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;color:#666}.nav-bar{display:flex;justify-content:center;gap:15px;padding:10px;background:#fafafa;border-bottom:1px solid #ddd;flex-wrap:wrap}.nav-item{padding:6px 14px;background:#eee;border-radius:20px;cursor:pointer;transition:0.2s;font-size:14px;user-select:none}.nav-item:hover{background:#ddd}.nav-item.active{background:#007BFF;color:#fff}.stack{min-height:calc(100vh - 120px);max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.grid.full{flex:1;display:flex}.card{background:#fff;padding:20px;border-radius:10px;text-align:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.08);transition:transform 0.2s,box-shadow 0.2s}.card:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,0.12)}.calendar-frame{width:100%;height:650px;border:none;display:block}.hidden{display:none!important}.footer{text-align:center;padding:20px 0;font-size:14px;color:#666;background:transparent}.footer-link{color:#666;text-decoration:none}.footer-icon{height:16px;margin-right:5px;vertical-align:middle}.divider{margin:0 10px}@media (max-width:768px){body{padding:10px}.top-center{font-size:18px}.nav-bar{justify-content:flex-start;overflow-x:auto;white-space:nowrap}.grid{grid-template-columns:repeat(2,1fr)}.card{padding:16px;font-size:14px}.stack{padding:10px}}