﻿@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");.info-btn{background:var(--color-blue, #00bfff);color:var(--text-primary, #fff);border:none;border-radius:var(--radius-full, 50%);width:20px;height:20px;font-size:12px;font-weight:var(--font-weight-bold, 700);cursor:pointer;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0,0,0,0.3));transition:all var(--transition-fast, 0.15s ease)}.info-btn:hover{background:#0099CC;transform:scale(1.1);box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,0.4))}.info-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,191,255,0.25)}.info-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(5px)}.info-modal.show{display:flex;align-items:center;justify-content:center}.info-modal-content{background:var(--gradient-card, linear-gradient(145deg, #2a2a2a 0%, #2d2d2d 100%));padding:var(--spacing-xl, 30px) var(--spacing-lg, 20px);border-radius:var(--radius-lg, 15px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,0.5));max-width:500px;width:90vw;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideIn var(--transition-normal, 0.3s) ease;left:50%;top:50%;transform:translate(-50%, -50%);border:1px solid var(--border-accent, #00bfff)}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.7)}to{opacity:1;transform:scale(1)}}.info-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.info-modal-title{color:var(--text-primary, #fff);font-size:18px;font-weight:var(--font-weight-bold, 700);margin:0}.info-modal-close{background:none;border:none;font-size:24px;font-weight:var(--font-weight-bold, 700);cursor:pointer;color:var(--text-secondary, #ccc);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full, 50%);transition:all var(--transition-fast, 0.15s ease)}.info-modal-close:hover{color:var(--text-primary, #fff);background-color:var(--bg-hover, #363636)}.info-modal-body{color:var(--text-secondary, #ccc);line-height:1.6;font-size:14px}.header-with-info{display:flex;align-items:center;margin-bottom:15px}.header-with-info h4{margin:0;margin-right:5px}.learn-more-btn{background:var(--gradient-primary, linear-gradient(135deg, #00bfff 0%, #00D9CC 100%));color:var(--text-primary, #fff);border:none;padding:var(--spacing-sm, 10px) var(--spacing-lg, 20px);border-radius:var(--radius-xl, 20px);font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:all var(--transition-normal, 0.3s ease);box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,0.4))}.learn-more-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,0.5))}html,body{font-family:var(--font-family, "Comfortaa", sans-serif);font-optical-sizing:auto;background-color:var(--bg-primary, #1a1a1a);color:var(--text-primary, #fff);margin:0;padding:0;min-height:100vh}.main-container{max-width:1200px;margin:0 auto;background:var(--gradient-card, linear-gradient(145deg, #2a2a2a 0%, #2d2d2d 100%));border-radius:var(--radius-lg, 15px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,0.5));padding:var(--spacing-xl, 30px);font-family:var(--font-family, "Comfortaa", sans-serif);border:1px solid var(--border-primary, #404040);transition:all var(--transition-normal, 0.3s ease)}.main-container:hover{box-shadow:var(--shadow-glow, 0 0 20px rgba(0,191,255,0.3));transform:translateY(-2px)}.progress-header{margin-bottom:var(--spacing-xl, 30px);text-align:center;font-family:var(--font-family, "Comfortaa", sans-serif)}.progress-header h3{color:var(--color-blue, #00bfff);font-weight:var(--font-weight-bold, 700);text-shadow:0 0 10px rgba(0,191,255,0.3);font-family:var(--font-family, "Comfortaa", sans-serif)}h1,h2,h3,h4,h5,h6{font-family:'Comfortaa', sans-serif !important}.shiny-input-container,.shiny-input-container label,.shiny-input-container input,.shiny-input-container select,.shiny-input-container textarea,.control-label,.form-control,.form-group label,.radio,.radio label,.checkbox,.checkbox label,.selectize-input,.selectize-dropdown,.btn,button,input[type="button"],input[type="submit"],.well,.panel,.panel-body,.panel-heading,.nav-tabs,.nav-pills,.navbar,.alert,.notification,.dataTables_wrapper,.dataTables_wrapper *,.shiny-notification,.shiny-notification *,.progress-text,.shiny-text-output,.shiny-html-output,.html-widget,.title-panel,.title-panel *,div,span,p,a,label,legend{font-family:'Comfortaa', sans-serif !important}.radio{margin-bottom:10px;font-family:'Comfortaa', sans-serif !important}.radio input[type="radio"]{margin-right:8px;transform:scale(1.2)}.radio label{font-weight:500;color:#333;cursor:pointer;font-family:'Comfortaa', sans-serif !important}.btn{font-family:var(--font-family, "Comfortaa", sans-serif);font-weight:var(--font-weight-bold, 700);border-radius:var(--radius-xl, 20px);padding:var(--spacing-sm, 10px) var(--spacing-lg, 20px);transition:all var(--transition-normal, 0.3s ease);border:none;text-transform:none;position:relative;overflow:hidden}.btn-warning{background:var(--gradient-button, linear-gradient(135deg, #00bfff 0%, #09c 100%));border-color:var(--color-blue, #00bfff);color:var(--text-primary, #fff)}.btn-warning:hover{background:linear-gradient(135deg, #09c 0%, var(--color-blue, #00bfff) 100%);border-color:#0099CC;transform:translateY(-1px);box-shadow:var(--shadow-glow, 0 0 20px rgba(0,191,255,0.3))}.btn-secondary{background:linear-gradient(135deg, var(--color-green, #00D9CC) 0%, #00B8AA 100%);border-color:var(--color-green, #00D9CC);color:var(--text-primary, #fff)}.btn-secondary:hover{background:linear-gradient(135deg, #00B8AA 0%, var(--color-green, #00D9CC) 100%);border-color:#00B8AA;transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,217,204,0.4)}.btn-success{background:linear-gradient(135deg, var(--success, #00D9CC) 0%, #00B8AA 100%);border-color:var(--success, #00D9CC);color:var(--text-primary, #fff)}.btn-success:hover{background:linear-gradient(135deg, #00B8AA 0%, var(--success, #00D9CC) 100%);border-color:#00B8AA;transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,217,204,0.4)}.progress-bar{width:100%;height:8px;background:linear-gradient(to right, var(--color-blue, #00bfff) 50%, var(--bg-tertiary, #404040) 50%);border-radius:var(--radius-sm, 5px);margin:var(--spacing-md, 15px) 0;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0,0,0,0.3))}.stats-card{background:var(--gradient-card, linear-gradient(145deg, #2a2a2a 0%, #2d2d2d 100%));border:1px solid var(--border-accent, #00bfff);border-radius:var(--radius-md, 10px);padding:var(--spacing-lg, 20px);text-align:center;box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,0.4));transition:transform var(--transition-normal, 0.3s ease);font-family:var(--font-family, "Comfortaa", sans-serif)}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,0.5));border-color:var(--color-blue, #00bfff)}.stats-card h5{margin-bottom:var(--spacing-sm, 10px);font-weight:var(--font-weight-medium, 500);font-family:var(--font-family, "Comfortaa", sans-serif);color:var(--text-primary, #fff)}.shiny-notification{border-radius:8px;font-weight:500;font-family:'Comfortaa', sans-serif}.dose-buttons{margin:10px 0}.dose-buttons .btn{margin:5px;border-radius:20px;font-weight:bold;transition:all 0.3s ease;min-width:80px;position:relative;overflow:hidden;font-family:'Comfortaa', sans-serif}.dose-buttons .btn-outline-secondary{border-color:#98FB98;color:#32CD32;background-color:transparent;border-width:2px}.dose-buttons .btn-outline-secondary:hover{background-color:#98FB98;border-color:#98FB98;color:white;transform:translateY(-1px);box-shadow:0 4px 8px rgba(152,251,152,0.3)}.dose-buttons .btn-outline-secondary.active{background-color:#32CD32;border-color:#32CD32;color:white;box-shadow:0 4px 8px rgba(50,205,50,0.4)}.dose-buttons .btn-outline-secondary.active::after{content:"✓";position:absolute;top:-5px;right:-5px;background:#228B22;color:white;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center}.irs{font-family:'Comfortaa', sans-serif}.irs-bar{background:#87CEEB;border-top:1px solid #87CEEB;border-bottom:1px solid #87CEEB}.irs-bar-edge{background:#87CEEB;border:1px solid #87CEEB}.irs-single{background:#87CEEB;color:white;font-weight:bold;font-family:'Comfortaa', sans-serif}.irs-handle>i:first-child{background:#87CEEB}.irs-handle:hover>i:first-child{background:#4682B4}.dataTables_wrapper{font-family:'Comfortaa', sans-serif}.dataTables_wrapper table{border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1);font-family:'Comfortaa', sans-serif}.dataTables_wrapper table thead th{font-family:'Comfortaa', sans-serif;font-weight:600}.dataTables_wrapper table tbody td{font-family:'Comfortaa', sans-serif}.well{background:linear-gradient(135deg, #F8F8F8 0%, #fff 100%);border:1px solid #DDD;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,0.08);transition:box-shadow 0.3s ease;font-family:'Comfortaa', sans-serif}.well:hover{box-shadow:0 6px 12px rgba(0,0,0,0.12)}.dataTables_wrapper table tbody td{padding:10px 8px;border-bottom:1px solid #E5E5E5}.dataTables_wrapper table tbody tr:nth-child(even){background-color:#F9F9F9}.dataTables_wrapper table tbody tr:hover{background-color:#F0F0F0}input,select,textarea,button{font-family:'Comfortaa', sans-serif !important}.form-control{font-family:'Comfortaa', sans-serif !important}.selectize-input{font-family:'Comfortaa', sans-serif !important}.dataTables_length select,.dataTables_filter input{font-family:'Comfortaa', sans-serif !important}.dataTables_info,.dataTables_paginate{font-family:'Comfortaa', sans-serif !important}.dataTables_paginate .paginate_button{font-family:'Comfortaa', sans-serif !important}.irs-min,.irs-max,.irs-from,.irs-to,.irs-single{font-family:'Comfortaa', sans-serif !important}@media (max-width: 768px){.main-container{margin:10px;padding:15px}.col-md-6{margin-bottom:20px}}
