*{margin:0;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}:root{--primary-color: #007BFF;--primary-hover: #0056D2;--background: #F8F9FA;--border-radius: 8px;--input-radius: 4px;--button-radius: 6px;--text-color: #212529;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .08);--menu-hover: rgba(0, 123, 255, .08);--accent: #FF9800;--header-height: 60px;--tool-tip-bg: #0056D2;--selected-bg: #cce5ff}h2{color:var(--text-color);font-size:1.5rem}h3{font-size:1.25rem}button{background-color:var(--primary-color);border-radius:var(--button-radius);padding:.8rem 1rem;font-size:1.2rem;font-weight:700;color:#fff;border:none;cursor:pointer}button:hover{background-color:var(--primary-hover)}label{display:flex;align-items:center;gap:.4rem}label:hover{cursor:pointer}input,select,textarea{border:solid #ccc 1px;border-radius:var(--input-radius);padding:.4rem}input:focus,select:focus,textarea:focus{accent-color:var(--primary-color);outline:none}input[type=radio],input[type=checkbox]{accent-color:var(--primary-color);width:16px;height:16px;cursor:pointer}.page-wrapper{min-height:100vh;background-color:var(--background);padding:calc(var(--header-height) + 1rem) 0 1rem 0}.card{width:95%;padding:3rem 2rem}.confirm-delete{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:3rem 2rem}.confirm-delete p{margin-bottom:2rem}.confirm-delete .btn-container{display:flex;justify-content:center;gap:1rem}.collapsable{width:fit-content;display:flex;justify-content:center;align-items:center;color:var(--primary-color);cursor:pointer;padding:.2rem .4rem;margin:.4rem 0;border-radius:var(--input-radius)}.collapsable:hover{background-color:var(--menu-hover)}.collapsable-icon{width:1.5rem;height:1.5rem;fill:none;stroke-width:2;stroke:var(--primary-color);transition:transform .3s ease}.collapsable-icon.rotated{stroke:var(--primary-color);transform:rotate(180deg)}.tool-tip{position:relative;display:flex;justify-content:center}.tool-tip .tool-tip-text{color:#fff;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:.6rem;font-size:.95rem;width:100px;background-color:var(--tool-tip-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.tool-tip:hover .tool-tip-text{display:block}.tool-tip .tool-tip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:var(--tool-tip-bg) transparent transparent transparent}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 768px){h2{font-size:1.4rem}h3{font-size:1.1rem}p,a{font-size:.9rem}button{padding:.6rem .8rem;font-size:1rem}.collapsable-icon{width:1.25rem;height:1.25rem}}@media (max-width: 550px){.card{padding:2rem 1rem}}