:root{--primary-colour: #0e2735;--secondary-colour: #17415b;--tertiary-colour: #e5b068;--background: #f4f4f2;--muted-gray: #aaaaaa}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(to bottom,var(--primary-colour),var(--secondary-colour));margin:0;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0}form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:1rem}input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}button{padding:.75rem;background:var(--primary-colour);color:#fff;border:none;border-radius:4px;cursor:pointer}button:disabled{background:#ccc;cursor:no-drop}button.danger{background:#c0392b;color:#fff}button.danger:disabled{opacity:.6}.clickable{cursor:pointer}lucide-icon{display:flex;justify-content:center;align-items:center}.card-grid{width:100%;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{position:relative;border-radius:15px;background-color:var(--background);padding:1rem}.h-flex{display:flex}.h-flex.space-between{justify-content:space-between}.gap-1rem{gap:1rem}.h-separator{height:1px;background-color:var(--muted-gray);margin-top:1rem;margin-bottom:1rem}.v-flex{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.align-center{align-items:center}.page-container{display:flex;flex-direction:column;align-items:stretch;gap:2rem;padding-right:2rem;padding-bottom:1rem;overflow-y:auto;scrollbar-width:thin;height:calc(100vh - 2rem)}.page-container h1{color:#fff;text-align:center}.upload-dropzone{position:relative;border:2px dashed #bbb;border-radius:8px;padding:2rem;text-align:center;transition:background-color .2s,border-color .2s}.upload-dropzone p{color:var(--muted-gray)}.upload-dropzone.dragging,.upload-dropzone:hover{background-color:#f0f8ff;border-color:#39f}.upload-dropzone input[type=file]{position:absolute;width:100%;height:100%;padding:0;top:0;left:0;opacity:0;cursor:pointer}.text-sm{font-size:.8em;color:var(--muted-gray);margin:0}@media only screen and (min-width: 992px){.page-container{padding-left:2rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-card{background:#fff;width:90%;max-width:550px;max-height:80vh;overflow-y:auto;border-radius:12px;padding:1.5rem}.modal-header{margin-bottom:1rem}.close-btn{background:transparent;color:#000;border:none;font-size:2rem;cursor:pointer;line-height:1}.list{list-style:none;padding:0;margin:0}.list li{padding:1rem 0;border-bottom:1px solid #ddd}.list .sub{color:#666;font-size:.85rem}.fade-in{animation:fadeIn .25s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out forwards;transform:translateY(20px);opacity:0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}