html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f8fafc;color:#0f172a}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{margin:0;font-size:1.5rem;color:#0ea5e9}.title-row{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.title-info{position:relative}.title-info-trigger{list-style:none;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-weight:800;font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}details.title-info>summary::-webkit-details-marker{display:none}.title-info-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:min(520px,80vw);padding:.75rem .9rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 24px #0f172a1f;color:#0f172a}.title-info-popover ul{margin:0;padding-left:1.1rem;display:grid;gap:.4rem}.legend-green{color:#059669;font-weight:800}.legend-red{color:#dc2626;font-weight:800}.profile-links{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-link{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:32px;padding:0 10px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;text-decoration:none;font-weight:700;letter-spacing:.2px}.profile-link:hover{border-color:#0ea5e9;background:#f1f5f9}.profile-icon{font-size:.85rem;line-height:1}.profile-link.buymeacoffee{border-color:#f59e0b;background:#fff7ed;color:#7c2d12;padding:0 12px;gap:8px}.profile-link.buymeacoffee:hover{background:#ffedd5}.buymeacoffee-text{font-size:.85rem;font-weight:800}.main-content{flex:1;overflow-y:auto;padding:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#0284c7;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0369a1}.btn-secondary{background-color:#475569;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#334155}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}input[type=text],select{background-color:#fff;border:1px solid #cbd5e1;color:#0f172a;padding:.375rem .75rem;border-radius:.375rem}input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}