body{font-family:"Inter", sans-serif}h1,h2,h3{font-family:"Poppins", sans-serif}.morning h1{margin-bottom:0.5rem}.morning .meta{color:#666;margin-bottom:1rem;font-size:0.9rem}.morning table{width:100%;border-collapse:collapse}.morning th,.morning td{padding:0.5rem;border-bottom:1px solid #ddd}.morning tr:hover{background:#fafafa}.morning th{text-align:left}nav{display:flex;justify-content:flex-end;background:#f5f5f5;padding:10px}nav .nav-link{color:#333;font-weight:bold;text-decoration:none;margin-left:15px}nav .nav-link:hover{color:#007acc;text-decoration:underline}.morning .actions{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin:1rem 0;flex-wrap:wrap}.morning .actions form{display:inline-block;margin:0}.morning .period-buttons{display:flex;gap:0.5rem;align-items:center;margin-left:auto}.btn{font-family:"Inter", sans-serif;background:#511281;color:#fff;padding:0.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:bold;text-decoration:none;transition:opacity 0.2s ease}.btn:hover{opacity:0.85}.btn.btn-refresh{background:#511281}.btn.btn-danger{background:#DA0037;color:#fff}.btn.btn-danger:hover,.btn.btn-refresh:hover{opacity:0.9}.period-buttons .btn{background-color:#511281;color:#fff;padding:0.4rem 0.8rem;border-radius:6px;font-size:0.9rem}.period-buttons .btn:hover{opacity:0.85}.period-buttons .btn.active{background-color:#DA0037}.morning table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:0.95rem}.morning th,.morning td{border:1px solid #ddd;padding:0.5rem 0.75rem;text-align:left}.morning th{background-color:#f5f5f5;font-weight:bold}.morning tr:nth-child(even){background-color:#fafafa}.morning tr:hover{background-color:#f0f0f0}.dropdown{position:relative;display:inline-block}.dropdown .btn{cursor:pointer}.dropdown-content{display:none;position:absolute;top:110%;left:0;background:#fff;min-width:140px;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,0.15);z-index:20;padding:4px 0}.dropdown:hover .dropdown-content{display:block}.dropdown-item{display:block;padding:8px 12px;color:#333;text-decoration:none;font-size:0.9rem}.dropdown-item:hover{background:#f5f5f5}.notice{color:green;font-weight:bold;margin:0.5rem 0}.alert{color:red;font-weight:bold;margin:0.5rem 0}.modal.hidden{display:none}.modal{position:fixed;inset:0;z-index:1000}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6)}#about-modal .modal-dialog{background:#f5f5f5;color:#000;padding:1.5rem;border-radius:8px;max-width:600px;margin:2rem auto;font-family:'Inter', sans-serif;position:relative;z-index:10}#about-modal h2#about-title{color:#000;font-family:'Poppins', sans-serif;font-weight:700;margin-bottom:1rem}#about-modal p,#about-modal ul,#about-modal li{color:#000;line-height:1.6;margin-bottom:1rem}#about-modal .morning-show{color:#000;font-weight:600}#about-modal a.kexp-link{color:#FFB100;font-weight:600;text-decoration:none}#about-modal a.kexp-link:hover{color:#0366d6;text-decoration:underline}#about-modal a.github-link{color:#0366d6;font-weight:600;text-decoration:none}#about-modal a.github-link:hover{color:#FFB100;text-decoration:underline}.data-note{margin:0 0 0.75rem 0;padding:8px 10px;border:1px solid #ffd16655;background:#fff8e1;color:#6b4e00;border-radius:6px;font-size:0.9rem}.top40-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.top40-header h2{margin:0}.top40-header .sub{font-weight:normal;font-size:0.9em}.period-buttons{display:inline-flex;gap:0.5rem;align-items:center}.site-nav{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:10px 14px;background:#f5f5f5}.site-nav .nav-link{display:inline-flex;align-items:center;gap:8px;color:#333;font-weight:600;text-decoration:none !important;margin-left:15px;transition:color 0.2s ease, transform 0.2s ease}.site-nav .nav-link:hover{color:#DA0037;text-decoration:none;transform:scale(1.1)}.site-nav .nav-link img{height:36px;width:auto;display:block;transition:transform 0.2s ease, filter 0.2s ease}.site-nav .nav-link:hover img{transform:scale(1.15);filter:brightness(0) saturate(100%) invert(18%) sepia(87%) saturate(5371%) hue-rotate(343deg) brightness(89%) contrast(101%)}.site-nav .nav-link svg{height:28px;width:28px;fill:#333;transition:transform 0.2s ease, fill 0.2s ease}.site-nav .nav-link:hover svg{fill:#DA0037;transform:scale(1.15)}.modal-dialog{position:relative}.modal-close{position:absolute;top:10px;right:12px;border:none;background:none;font-size:1.75rem;font-weight:bold;color:#666;cursor:pointer;transition:color 0.2s ease, transform 0.2s ease}.modal-close:hover{color:#DA0037;transform:scale(1.15)}.job-status{margin:0.25rem 0 0.75rem;font-size:0.9rem;display:inline-flex;gap:6px;align-items:center;color:#666}.job-status .label{font-weight:600;color:#444}.job-status .state{font-weight:700}.job-status .time{opacity:0.9}.job-status.running{color:#995700}.job-status.success{color:#2e7d32}.job-status.failed{color:#b00020}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.modal.hidden{display:none}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55)}.modal-dialog{position:relative;background:#111;border-radius:12px;padding:1.25rem 1.25rem 1.5rem;width:calc(min(760px, 92vw));max-height:80vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,0.5)}html.no-scroll,body.no-scroll{overflow:hidden}.scroll-box{height:320px;overflow-y:auto;margin-top:0.5rem;padding-right:0.25rem;border:1px solid rgba(255,255,255,0.08);border-radius:8px;background-color:rgba(255,255,255,0.02)}.actions .btn:hover,.period-buttons .btn:hover{transform:scale(1.05)}
