@font-face{font-family:"3WD Bubble";src:url(/fonts/3WD%20Bubble.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"3WD Filled In";src:url(/fonts/3WD%20Filled%20in.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"3WD Scribble";src:url(/fonts/3WD%20Scribble.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block;size-adjust:150%}:root{--color-primary: #000;--color-secondary: #333;--color-accent: #666;--color-background: #eee0bf;--color-background-alt: #e2eebf;--color-error-bg: #fee;--color-text: #000;--color-text-muted: #666;--color-border: #ccc;--color-hover: #f0f0f0;--color-accent-1: #c67802;--color-accent-2: #089a2a;--color-accent-3: #bc3a3a;--color-accent-4: #29719b;--font-family-bubble: "3WD Bubble", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-filled: "3WD Filled In", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-scribble: "3WD Scribble", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-small: .875rem;--font-size-base: 1rem;--font-size-large: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--max-width: 1200px;--border-radius: 4px;--border-radius-lg: 8px;--margin-top-header: 100px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-scribble);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:100%;margin:0 auto;padding:0;width:100%;box-sizing:border-box}footer{background-color:var(--color-background);padding:var(--spacing-md) var(--spacing-xl);text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.accent-1{color:var(--color-accent-1)}.accent-2{color:var(--color-accent-2)}.accent-3{color:var(--color-accent-3)}.accent-4{color:var(--color-accent-4)}header{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-sm);font-family:var(--font-family-bubble);z-index:100;line-height:1;border:5px solid var(--color-border);border-style:dotted;border-color:var(--color-accent-4);border-radius:var(--border-radius-lg);background-color:var(--color-background-alt);backdrop-filter:blur(10px);nav{display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;gap:var(--spacing-sm);max-width:var(--max-width);margin:0 auto;color:var(--color-accent-4)}.logo{font-size:var(--font-size-3xl);text-decoration:none;&:hover{font-family:var(--font-family-filled)}}.nav-links{display:flex;gap:var(--spacing-lg);color:var(--color-accent-4);a{font-size:var(--font-size-xl);text-decoration:none;transition:color var(--transition-normal);color:var(--color-accent-4);&.active,&:hover{font-family:var(--font-family-filled)}}}}.sidebar{position:fixed;left:0;top:var(--margin-top-header);width:var(--sidebar-width, 200px);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm);z-index:50;.sidebar-title-container{display:flex;justify-content:flex-start;align-items:center;width:100%}.sidebar-title{font-size:var(--font-size-2xl);font-family:var(--font-family-filled);margin:0;line-height:1}.nav-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-title{font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-muted);letter-spacing:.05em;margin:0;line-height:1;text-decoration:underline}.sidebar-links{display:flex;flex-direction:column;gap:var(--spacing-md)}.nav-link{font-family:var(--font-family-bubble);font-size:var(--font-size-xl);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-normal);line-height:1;&:hover{color:var(--color-text);font-family:var(--font-family-filled)}&.active{color:var(--color-text);font-family:var(--font-family-filled)}}}.page-content{margin-left:var(--sidebar-width, 200px);margin-top:var(--margin-top-header);padding:var(--spacing-md);max-width:900px;margin-right:auto;margin-bottom:var(--spacing-xl);.page-title{font-size:var(--font-size-3xl);font-family:var(--font-family-bubble);margin:0;margin-bottom:var(--spacing-md);line-height:1}}.admin-title,.admin-link{position:fixed;padding:var(--spacing-sm) var(--spacing-sm);margin:0;background:var(--color-background);color:var(--color-text);font-size:var(--font-size-lg);line-height:1;border:2px solid var(--color-border);border-style:dotted;border-color:var(--color-accent-4);border-radius:var(--border-radius-lg);background-color:var(--color-background-alt)}.admin-link{bottom:var(--spacing-sm);left:var(--spacing-sm);font-family:var(--font-family-bubble);&:hover{font-family:var(--font-family-filled)}}.admin-title{top:var(--spacing-sm);right:var(--spacing-sm)}@media (max-width: 768px){header.collapsed{top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs);nav{gap:0}.logo{font-size:var(--font-size-xl)}.nav-links{display:none}}.sidebar{position:static;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;top:auto;padding:var(--spacing-sm);margin-top:50px;gap:var(--spacing-md);.sidebar-title{font-size:var(--font-size-lg);width:100%}.nav-section{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);padding:0}.section-title{font-size:var(--font-size-xs);width:100%;padding:0}.sidebar-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);padding:0}.nav-link{font-size:var(--font-size-base);padding:0}}.page-content{margin:0;padding:var(--spacing-sm);padding-top:var(--spacing-md)}.admin-link{bottom:var(--spacing-sm);left:var(--spacing-sm);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.form-section{margin-bottom:var(--spacing-xl);h3{margin-bottom:var(--spacing-md);color:var(--color-text);font-size:1.2rem}h4{color:var(--color-text);margin-bottom:.75rem;font-size:var(--font-size-base)}p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}}.form-group{margin-bottom:var(--spacing-lg);label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-base)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-field{label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}small{display:block;margin-top:var(--spacing-sm);color:var(--color-accent);font-size:var(--font-size-small)}}.form-actions{display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-xl)}input[type=text],input[type=email],input[type=url],textarea,select{width:100%;background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.75rem;font-size:var(--font-size-base);font-family:var(--font-family-scribble);transition:border-color var(--transition-normal);&:focus{outline:none;border-color:var(--color-accent)}&:disabled{opacity:.6;cursor:not-allowed}}textarea{resize:vertical;min-height:100px}.select-wrapper{position:relative;display:inline-block;width:100%;select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-scribble);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background-alt);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color var(--transition-normal);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:1.25rem;padding-right:2.5rem;&:hover{border-color:var(--color-accent)}&:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0000001a}&:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-hover)}option{padding:var(--spacing-sm);font-family:var(--font-family-scribble);font-size:var(--font-size-base);color:var(--color-text);background-color:#fff;&:hover,&:focus{background-color:var(--color-hover)}&:checked{background-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-medium)}&:disabled{color:var(--color-text-muted);opacity:.5}}}label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text)}&.select-error select{border-color:var(--color-accent-3)}.select-error-message{color:var(--color-accent-3);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}}.checkbox-group{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.checkbox-wrapper{display:inline-flex;align-items:center;cursor:pointer;user-select:none;gap:var(--spacing-xs);input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--color-accent-2);border-radius:.25rem;cursor:pointer;position:relative;transition:all .15s ease;margin:0;&:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) rotate(45deg);width:.35rem;height:.7rem;border:2px solid var(--color-accent-2);border-width:0 2px 2px 0}&:disabled{opacity:.5;cursor:not-allowed}}span{transform:translateY(2px);color:var(--color-text-muted);transition:color var(--transition-normal)}&:hover span{color:var(--color-text)}}.radio-group{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.radio-wrapper{display:inline-flex;align-items:center;cursor:pointer;user-select:none;gap:var(--spacing-xs);input[type=radio]{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--color-accent-4);border-radius:50%;cursor:pointer;position:relative;transition:all .15s ease;margin:0;&:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color-accent-4)}&:disabled{opacity:.5;cursor:not-allowed}}span{transform:translateY(2px);color:var(--color-text-muted);transition:color var(--transition-normal)}&:hover span{color:var(--color-text)}}.help-text,.smallprint{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-text-muted)}.char-count{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-text-muted);text-align:right}.error-message{padding:var(--spacing-md);background-color:#fee;border:1px solid #fcc;border-radius:var(--border-radius);color:#c00;margin-bottom:var(--spacing-lg);font-size:var(--font-size-small)}.editable-field{display:flex;align-items:center;margin-bottom:.75rem;gap:var(--spacing-sm);label{color:var(--color-text);font-size:var(--font-size-small);min-width:80px;font-weight:var(--font-weight-normal)}}.inline-edit{background-color:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-small);font-family:var(--font-family);transition:border-color var(--transition-normal),background-color var(--transition-normal);&:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-hover)}&.changed{border-color:#16a34a;background-color:#f0fdf4}&.saving{opacity:.6;pointer-events:none}}select.inline-edit{cursor:pointer;min-width:120px}input.inline-edit{flex:1;max-width:200px}.html-editor{width:100%;font-family:monospace;font-size:var(--font-size-small);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);resize:vertical;&:focus{outline:none;border-color:var(--color-accent)}}.rich-text-editor{border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-background);.editor-toolbar{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);flex-wrap:wrap;button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-hover);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-small);transition:all var(--transition-fast);&:hover{background:var(--color-border)}&.active{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}}}.editor-content{padding:var(--spacing-md);min-height:200px;max-height:500px;overflow-y:auto;font-family:var(--font-family-scribble);font-size:var(--font-size-base);line-height:1.5;&:focus{outline:none}}}.rich-text-editor-placeholder{border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-hover)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.checkbox-group,.radio-group{flex-direction:column;gap:var(--spacing-md)}.checkbox-wrapper{gap:var(--spacing-sm);input[type=checkbox]{width:1.5rem;height:1.5rem;&:checked:before{width:.42rem;height:.84rem}}}.radio-wrapper{gap:var(--spacing-sm);input[type=radio]{width:1.5rem;height:1.5rem;&:checked:before{width:.6rem;height:.6rem}}}.form-row{grid-template-columns:1fr}}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.auth-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-background)}.auth-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);width:100%;max-width:400px;box-shadow:0 8px 32px #0000001a;h1{text-align:center;color:var(--color-text);margin-bottom:var(--spacing-xl);font-size:var(--font-size-3xl)}.error-message{background:#f8d7da;color:#721c24;padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);text-align:center;border-left:4px solid #dc3545;display:none}}.signin-form{display:flex;flex-direction:column;gap:var(--spacing-lg);.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);label{color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.75rem;color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-normal),background-color var(--transition-normal);&:focus{outline:none;border-color:var(--color-accent);background:var(--color-hover)}&::placeholder{color:var(--color-accent)}}}}.signin-btn{background:#007bff;color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-normal);margin-top:var(--spacing-sm);&:hover{background:#0056b3}&:active{transform:translateY(1px)}}.auth-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-small)}button{font-family:var(--font-family-scribble);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:var(--border-radius)}.btn{display:inline-block;border:none;border-radius:var(--border-radius);font-family:var(--font-family-scribble);cursor:pointer;transition:all var(--transition-normal);text-align:center;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-small);&:disabled{opacity:.5;cursor:not-allowed}}.btn-success{background-color:#16a34a;color:#fff;&:hover:not(:disabled){background-color:#15803d}}.btn-danger{background-color:#dc2626;color:#fff;&:hover:not(:disabled){background-color:#b91c1c}}.btn-primary{background-color:#007bff;color:#fff;&:hover:not(:disabled){background-color:#0056b3}}.btn-secondary{background-color:var(--color-secondary);color:var(--color-background);&:hover:not(:disabled){background-color:var(--color-accent)}}.btn-accent{background-color:var(--color-accent);color:var(--color-background);&:hover:not(:disabled){opacity:.8}}.btn-accent-4{background-color:var(--color-accent-4);color:#fff;&:hover:not(:disabled){background-color:var(--color-secondary)}}.btn-outline-danger{background-color:transparent;color:var(--color-accent-3, #ef4444);border:1px solid var(--color-accent-3, #ef4444);&:hover:not(:disabled){background-color:var(--color-accent-3, #ef4444);color:var(--color-background)}}.btn-ghost{background-color:transparent;color:var(--color-accent-3);border:none;&:hover:not(:disabled){opacity:.7}}.btn-neutral{background-color:var(--color-hover);color:var(--color-text);border:1px solid var(--color-border);&:hover:not(:disabled){background-color:var(--color-border)}}.btn-transparent{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);&:hover:not(:disabled){color:var(--color-text);background:var(--color-hover);border-color:var(--color-text)}}.btn-xs{padding:.2rem .4rem;font-size:var(--font-size-xsmall)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small)}.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-small)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--font-size-base)}.btn-xl{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-large)}.btn-tab{background:none;border:none;color:var(--color-text-muted);border-bottom:2px solid transparent;border-radius:0;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);&:hover{color:var(--color-text)}&.active{color:var(--color-text);border-bottom-color:var(--color-accent)}}.btn-filter-toggle{background-color:var(--color-background-alt);border:5px dotted var(--color-accent-4);border-radius:var(--border-radius-lg);padding:var(--spacing-sm);width:100%;height:100%;font-family:var(--font-family-bubble);font-size:var(--font-size-large);line-height:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);&:hover{font-family:var(--font-family-filled)}}.btn-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-muted);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);&:hover{color:var(--color-text)}}.btn-flag{background-color:#dc354580;color:#fff;backdrop-filter:blur(8px);&:hover{background-color:#dc3545e6}}.btn-flag-modal{background-color:var(--color-accent-3);color:var(--color-background);opacity:.8;backdrop-filter:blur(8px);align-self:center;margin-top:var(--spacing-sm);&:hover{opacity:1}}.admin-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.modal-overlay{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.modal-close{position:fixed;top:20px;right:20px;background:transparent;border:none;color:var(--color-accent-3);font-size:4rem;font-family:var(--font-family-bubble);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1003;line-height:1;&:hover{font-family:var(--font-family-filled);transform:scale(1.1)}}.modal-media{display:flex;align-items:center;justify-content:center;max-height:70vh;width:100%;img,video{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain}}.modal-nav-btn{position:fixed;top:0;bottom:0;width:120px;background-color:transparent;color:var(--color-accent-4);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1002;user-select:none;padding:0;&.modal-nav-prev{left:0;justify-content:flex-start;padding-left:20px}&.modal-nav-next{right:0;justify-content:flex-end;padding-right:20px}.modal-nav-icon{display:flex;align-items:center;justify-content:center;font-size:5rem;font-family:var(--font-family-bubble);color:var(--color-accent-4);line-height:1;transition:all .2s ease;pointer-events:none}&:hover .modal-nav-icon{font-family:var(--font-family-filled);transform:scale(1.2)}&:active .modal-nav-icon{transform:scale(1)}}.modal-info{width:400px;display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:#000000b3;backdrop-filter:blur(8px);padding:var(--spacing-md);border-radius:var(--border-radius);color:#fff;position:relative;.modal-info-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tags-container{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.tag{background-color:#fff3;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);backdrop-filter:blur(4px)}.meta-row{font-size:var(--font-size-small);color:#ffffffe6;line-height:1.4;strong{color:#fff}&.event-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}&.notes{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(255,255,255,.2);font-size:.75rem;max-height:none;overflow:visible;text-overflow:initial}}.track-id-row{margin-left:var(--spacing-sm)}.track-link{color:#ffffffe6;transition:color .2s ease;text-decoration:none;&:hover .track-text{color:#fff}.track-text{text-decoration:underline}}}}.flag-dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--spacing-md);.flag-dialog{background-color:var(--color-background-alt);border-radius:var(--border-radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;.flag-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);h2{margin:0;font-size:var(--font-size-xl);color:var(--color-text)}}form{padding:var(--spacing-lg)}}}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;img{max-width:95%;max-height:95%;object-fit:contain;border-radius:var(--border-radius-lg)}}@media (max-width: 768px){.modal-overlay{.modal-content{max-width:95vw;max-height:95vh}.modal-media{max-height:60vh;img,video{max-height:60vh}}.modal-info{width:100%}.modal-close{font-size:3rem;top:10px;right:10px}.modal-nav-btn{width:80px;top:auto;bottom:0;height:120px;align-items:flex-end;&.modal-nav-prev{padding-left:10px;padding-bottom:20px}&.modal-nav-next{padding-right:10px;padding-bottom:20px}.modal-nav-icon{font-size:4rem}}}}.content-masonry-wrapper{width:100%;max-width:100%;.masonry-grid{display:flex;margin-left:calc(var(--spacing-sm) * -1);width:auto;padding:var(--spacing-sm)}.masonry-grid-column{padding-left:var(--spacing-sm);background-clip:padding-box;>.content-item{margin-bottom:var(--spacing-sm)}}}.content-item{background-color:var(--color-background);border:none;border-radius:0;padding:0;width:100%;cursor:pointer;break-inside:avoid;position:relative;overflow:hidden;.content-media-wrapper{position:relative;width:100%;overflow:hidden;img,video{width:100%;height:auto;display:block}}.text-content{padding:var(--spacing-md);min-height:100px;background-color:var(--color-hover);display:flex;align-items:center;justify-content:center;p{font-style:italic;line-height:1.5;color:var(--color-text);margin:0}}.content-overlay{position:absolute;inset:0;opacity:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-sm);color:#fff;pointer-events:none;>*{pointer-events:auto}}&:hover .content-overlay{opacity:1}.content-info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-xs);background-color:#00000080;backdrop-filter:blur(8px);padding:var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs)}.content-actions{display:flex;justify-content:flex-end;align-items:flex-start}.video-preview-container{position:relative;width:100%;video{width:100%;height:auto;display:block}.video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-color:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;opacity:0;transition:opacity var(--transition-normal);svg{margin-left:3px}}&:hover .video-indicator{opacity:1}}}.filter-container{position:fixed;top:auto;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);.filters{border:5px dotted var(--color-accent-4);background-color:var(--color-background-alt);border-radius:var(--border-radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);min-width:350px;box-shadow:0 4px 12px #00000026;font-size:var(--font-size-small);.filter-controls{display:flex;gap:var(--spacing-sm);align-items:center}select{background-color:var(--color-background-alt);color:var(--color-text);border:1px solid var(--color-border);padding:var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-small);width:100%;cursor:pointer;transition:all var(--transition-normal);&:hover{border-color:var(--color-text-muted)}&:focus{outline:none;border-color:var(--color-accent)}}}}.admin-content-item{background-color:var(--color-hover);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);&.flagged{border-color:#dc2626;background-color:#fef2f2}.content-header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.media-type,.location,.status-flag{background-color:var(--color-secondary);color:var(--color-background);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-small);font-family:var(--font-family-filled);text-transform:capitalize}.media-type{background-color:#16a34a}.status-flag{background-color:#dc2626;color:var(--color-background);font-weight:var(--font-weight-bold)}.text-content{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);p{font-style:italic;color:var(--color-text-muted);line-height:1.4}}.media-preview{margin-bottom:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);img,video{width:100%;max-width:600px;height:auto;border-radius:var(--border-radius);display:block;margin-bottom:var(--spacing-md);background-color:var(--color-primary)}video{max-height:400px;object-fit:contain}img{max-height:500px;object-fit:contain;cursor:pointer;transition:transform var(--transition-normal);&:hover{transform:scale(1.02)}}}.file-info,.content-meta,.flag-info{margin-bottom:var(--spacing-md);p{margin-bottom:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-small)}strong{color:var(--color-text)}}.flag-info{background-color:#fef2f2;padding:var(--spacing-md);border-radius:var(--border-radius);border-left:3px solid #dc2626}.tags-section{margin-bottom:var(--spacing-md);h4{color:var(--color-text);margin-bottom:.75rem;font-size:var(--font-size-small)}.tag-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.tag-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-small);color:var(--color-text-muted);input[type=checkbox]{margin:0}&:hover span{color:var(--color-text)}}}}.file-drop-zone{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color var(--transition-normal),background-color var(--transition-normal);background-color:var(--color-background);&:hover,&.drag-over{border-color:var(--color-accent)}.drop-zone-content{h3{color:var(--color-text);margin-bottom:var(--spacing-sm)}p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.file-info{color:var(--color-accent);font-size:var(--font-size-small);display:flex;flex-direction:column;gap:var(--spacing-xs)}.smallprint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-md);p{margin-bottom:var(--spacing-xs)}}}}.selected-files-preview{margin-top:var(--spacing-xl);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);h4{color:var(--color-text);margin-bottom:var(--spacing-md)}.files-list{margin-bottom:var(--spacing-lg)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--color-hover);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);gap:var(--spacing-sm);flex-wrap:wrap;.file-name{color:var(--color-text);font-weight:var(--font-weight-medium);flex:1;min-width:150px}.file-size{color:var(--color-accent)}}.file-selection-actions{display:flex;gap:var(--spacing-md);justify-content:space-between}}.file-metadata-item{border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);background-color:var(--color-background);.file-summary{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);cursor:pointer;user-select:none;list-style:none;transition:background-color var(--transition-normal);&::-webkit-details-marker{display:none}&:hover{background-color:var(--color-hover)}.file-summary-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.file-number{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.file-name{color:var(--color-text);font-weight:var(--font-weight-medium)}.file-type-badge{display:inline-block;padding:.25rem .5rem;background-color:var(--color-hover);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase}.file-status{font-weight:var(--font-weight-medium);font-size:var(--font-size-small);padding:.25rem .75rem;border-radius:var(--border-radius);&.ready{color:var(--color-success, #22c55e);background-color:var(--color-success-bg, rgba(34, 197, 94, .1))}&.pending{color:var(--color-warning, #f59e0b);background-color:var(--color-warning-bg, rgba(245, 158, 11, .1))}&.issues{color:var(--color-error, #ef4444);background-color:var(--color-error-bg, rgba(239, 68, 68, .1))}}}.file-details-content{padding:var(--spacing-lg);border-top:1px solid var(--color-border);.file-preview-section{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);.preview-image,.preview-video{max-width:200px;max-height:150px;border-radius:var(--border-radius);border:1px solid var(--color-border)}.preview-video{background-color:var(--color-background)}.file-size{color:var(--color-accent);font-size:var(--font-size-small)}}.next-file-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}}}.file-status-indicator{text-align:center;padding:var(--spacing-xs);background-color:var(--color-hover);border-radius:var(--border-radius);margin-bottom:var(--spacing-xs);color:var(--color-text);.status-text{font-weight:var(--font-weight-medium);font-size:var(--font-size-small);color:var(--color-text)}.status-remaining{margin-left:var(--spacing-sm);color:var(--color-accent);font-size:var(--font-size-small)}}.track-ids-list{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md);.track-id-fields{display:flex;gap:var(--spacing-md);.track-field{label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}input{width:100%}}}}.upload-container{padding-top:15vh;max-width:800px;margin:0 auto;.metadata-step{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);h2{color:var(--color-text);margin-bottom:var(--spacing-sm);text-align:center}>p{color:var(--color-text-muted);text-align:center;margin-bottom:var(--spacing-md)}.files-metadata-list{margin-bottom:var(--spacing-xl)}.metadata-actions{display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-xl)}}}.user-info-form{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);.disclaimer{color:var(--color-accent);font-size:var(--font-size-small);text-align:center;line-height:1.4}}.file-navigator-full{background-color:var(--color-background);.file-thumbnails{display:flex;gap:var(--spacing-xs);overflow-x:auto;padding:var(--spacing-xs) 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;&::-webkit-scrollbar{height:4px}&::-webkit-scrollbar-track{background:var(--color-hover);border-radius:2px}&::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}}.file-thumbnail{flex-shrink:0;width:56px;height:56px;border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-hover);cursor:pointer;position:relative;padding:0;transition:border-color var(--transition-fast),transform var(--transition-fast);&:hover{border-color:var(--color-accent)}&.active{border-color:var(--color-primary);border-width:3px}&.ready .status-icon{background-color:var(--color-success, #22c55e)}&.pending .status-icon{background-color:var(--color-warning, #f59e0b)}&.issues .status-icon{background-color:var(--color-error, #ef4444)}.thumbnail-wrapper{width:100%;height:100%;overflow:hidden;border-radius:calc(var(--border-radius) - 2px);.thumb-media{width:100%;height:100%;object-fit:cover}}.video-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;font-size:10px;padding:2px 4px;border-radius:3px;pointer-events:none}.status-icon{position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;border:2px solid var(--color-background)}.thumb-index{position:absolute;bottom:1px;left:1px;background:#000000b3;color:#fff;font-size:9px;padding:0 3px;border-radius:2px}}.file-editor{display:flex;flex-direction:column;gap:var(--spacing-xs)}.large-preview{position:relative;cursor:pointer;border-radius:var(--border-radius);overflow:hidden;max-height:300px;display:flex;align-items:center;justify-content:center;.preview-media{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--border-radius)}.expand-hint{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#000000b3;color:#fff;font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--border-radius);opacity:0;transition:opacity var(--transition-fast)}&:hover .expand-hint{opacity:1}}.compact-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.field-group{display:flex;flex-direction:column;gap:4px}.field-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);.field-label{flex-shrink:0;width:60px;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:4px}.tags-inline,.locations-inline{display:flex;flex-wrap:wrap;gap:4px}.tag-chip,.location-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:var(--color-hover);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-xs);input{width:12px;height:12px;margin:0;cursor:pointer}span{color:var(--color-text-muted)}&:has(input:checked){background:var(--color-accent-4);border-color:var(--color-accent-4);span{color:#fff}}&:hover{border-color:var(--color-accent)}}.compact-input,.compact-select,.compact-textarea{flex:1;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-family:inherit;background:var(--color-background);color:var(--color-text);&:focus{outline:none;border-color:var(--color-accent)}&::placeholder{color:var(--color-text-muted)}}.compact-select{cursor:pointer}.compact-textarea{resize:vertical;min-height:40px}&.field-row-full{flex-direction:column;.field-label{width:auto}}}.apply-to-all-row{display:flex;justify-content:flex-end}.apply-to-all-btn{padding:3px 10px;font-size:var(--font-size-xs);font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:var(--border-radius);cursor:pointer;transition:opacity var(--transition-fast);&:disabled{opacity:.3;cursor:default}&:not(:disabled):hover{opacity:.85}}.track-ids-compact{.track-id-input{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;>.field-label{flex-shrink:0;width:60px;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:6px}.track-ids-list{flex:1;display:flex;flex-direction:column;gap:4px;margin:0}.track-id-item{padding:0;margin:0;background:none;border:none}.track-id-fields{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.track-field{flex:1;min-width:0;label{display:none}input{width:100%;padding:4px 6px;font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background)}}.track-id-fields button{flex-shrink:0;padding:4px 6px;font-size:var(--font-size-xs)}>button{padding:4px 8px;font-size:var(--font-size-xs)}}}.nav-row{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);.nav-btn{background:var(--color-hover);border:1px solid var(--color-border);color:var(--color-text);padding:4px 12px;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-fast);&:hover:not(:disabled){background:var(--color-border)}&:disabled{opacity:.4;cursor:not-allowed}}.nav-counter{font-size:var(--font-size-small);color:var(--color-text-muted)}}.preview-modal{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);.modal-content{position:relative;max-width:90vw;max-height:90vh}.modal-media{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--border-radius)}.modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;&:hover{opacity:.8}}.modal-filename{position:absolute;bottom:-30px;left:0;right:0;text-align:center;color:#ffffffb3;font-size:var(--font-size-small)}}@media (max-width: 600px){.file-thumbnails{gap:2px;padding:var(--spacing-xs);.file-thumbnail{width:44px;height:44px;.thumb-media{width:44px;height:44px}.thumb-index{font-size:9px;padding:1px 3px}.status-icon{width:14px;height:14px;font-size:9px}}}.large-preview{max-height:150px;margin-bottom:var(--spacing-xs);.expand-hint{font-size:10px;padding:2px 6px}}.compact-fields{gap:var(--spacing-xs);padding:var(--spacing-xs)}.field-row{flex-direction:column;align-items:stretch;gap:2px;.field-label{width:auto;font-size:10px}}.tags-inline,.locations-inline{gap:2px}.tag-chip,.location-chip{padding:2px 4px;font-size:10px;span{font-size:10px}}.compact-select,.compact-input,.compact-textarea{padding:4px 6px;font-size:11px}.nav-row{padding-top:var(--spacing-xs);.nav-btn{padding:4px 8px;font-size:10px}.nav-counter{font-size:10px}}.track-ids-compact .track-id-input{flex-direction:column;gap:2px;>.field-label{width:auto;padding-top:0;font-size:10px}.track-id-fields{flex-wrap:wrap}.track-field{flex:1 1;width:100%;input{padding:3px 5px;font-size:10px}}.track-id-fields button{padding:3px 5px;font-size:10px}>button{font-size:10px;padding:3px 6px}}}}.compact-metadata-form{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);.compact-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);.compact-preview{flex-shrink:0;.preview-media{width:120px;height:90px;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--color-border)}}.compact-file-info{flex:1;min-width:0;.file-name{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap;.file-type-badge{display:inline-block;padding:.2rem .5rem;background-color:var(--color-hover);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase}.file-size{color:var(--color-text-muted);font-size:var(--font-size-small)}}}.copy-from-prev-btn{flex-shrink:0;background:var(--color-accent-4);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-small);white-space:nowrap;transition:opacity var(--transition-fast);&:hover{opacity:.9}&:disabled{opacity:.4;cursor:not-allowed}}}}.file-metadata-item-compact{.bulk-select-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-hover);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-small);color:var(--color-text-muted);input[type=checkbox]{width:18px;height:18px;cursor:pointer}&:hover{background:var(--color-border)}}.next-file-section{margin-top:var(--spacing-lg);display:flex;justify-content:flex-end}}.bulk-action-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-accent-4);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm);.bulk-selection-info{display:flex;align-items:center;gap:var(--spacing-md);color:#fff;.selection-count{font-weight:var(--font-weight-medium)}.link-btn{background:none;border:none;color:#fffc;text-decoration:underline;cursor:pointer;font-size:var(--font-size-small);padding:0;&:hover{color:#fff}}}.bulk-actions{display:flex;gap:var(--spacing-sm)}.dropdown-container{position:relative}.bulk-action-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-small);transition:background var(--transition-fast);&:hover{background:#ffffff4d}}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;z-index:100;min-width:150px;.dropdown-item{display:block;width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--color-text);cursor:pointer;font-size:var(--font-size-small);&:hover{background:var(--color-hover)}}&.tags-dropdown{padding:var(--spacing-sm);min-width:200px;.tags-checklist{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);.tag-option{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--color-text);font-size:var(--font-size-small);input{margin:0}}}.apply-tags-btn{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-small);&:disabled{opacity:.5;cursor:not-allowed}}}}}.upload-progress-view{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);h3{color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.progress-bar-container{background:var(--color-hover);border-radius:var(--border-radius);height:24px;margin-bottom:var(--spacing-lg);overflow:hidden;position:relative;.progress-bar{height:100%;background:var(--color-primary);transition:width .3s ease;border-radius:var(--border-radius)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text)}}.upload-file-list{max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-lg);.upload-file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-xs);&.uploading{background:var(--color-hover)}&.success{.status-icon{color:var(--color-success, #22c55e)}}&.error{background:#ef44441a;.status-icon{color:var(--color-error, #ef4444)}}.status-icon{font-size:16px;width:20px;text-align:center}.file-name{flex:1;color:var(--color-text);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-msg{color:var(--color-error, #ef4444);font-size:var(--font-size-xs)}}}.upload-summary{text-align:center;padding:var(--spacing-md);border:3px dotted var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);&.success{background:var(--color-background-alt)}&.error{background:var(--color-error-bg)}}.upload-actions{display:flex;gap:var(--spacing-md);justify-content:center}}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);h2{color:var(--color-secondary);margin-bottom:var(--spacing-md)}p{color:var(--color-accent)}a{color:var(--color-text);text-decoration:underline}}.content-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 768px){.filter-container{.filters{min-width:180px}}.file-drop-zone{padding:1rem .5rem}.selected-files-preview{.file-selection-actions{flex-direction:column}.file-item{flex-direction:column;align-items:flex-start}}.file-metadata-item{.file-summary-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.file-details-content{.file-preview-section{.preview-image,.preview-video{max-width:100%}}}}.upload-container{padding-top:10vh;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);.metadata-step .metadata-actions{flex-direction:column}}.track-ids-list .track-id-fields{flex-direction:column;align-items:flex-start;width:100%;.track-field{width:100%}}}.content-detail{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);.content-header{margin-bottom:var(--spacing-xl)}.content-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.media-type-badge,.location-badge{background-color:var(--color-hover);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--font-size-small);text-transform:capitalize;color:var(--color-text)}.media-type-badge{background-color:#28a745;color:#fff}.location-badge{background-color:#007bff;color:#fff}.timestamp{color:var(--color-text-muted);font-size:var(--font-size-small)}.track-info{margin-bottom:var(--spacing-md);h1{font-size:var(--font-size-3xl);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}h2{font-size:var(--font-size-xl);color:var(--color-text-muted);margin:0;font-weight:400}}.text-content{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-hover);border-radius:var(--border-radius-lg);p{font-size:var(--font-size-large);line-height:1.6;color:var(--color-text);margin:0}}.media-content{margin-bottom:var(--spacing-xl);text-align:center}.content-image{max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.content-video{max-width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #0000001a}.tags-section,.notes-section,.file-info{margin-bottom:var(--spacing-xl)}.content-details h3{color:var(--color-text);font-size:var(--font-size-large);margin:0 0 var(--spacing-md) 0}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{background-color:var(--color-hover);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--font-size-small)}.notes-section p{color:var(--color-text);line-height:1.5;margin:0}.info-grid{display:grid;gap:var(--spacing-md)}.info-item{display:flex;gap:var(--spacing-md);.label{color:var(--color-text-muted);font-weight:var(--font-weight-bold);min-width:100px}.value{color:var(--color-text)}}.content-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}@media (max-width: 768px){padding:var(--spacing-md);.content-body{padding:var(--spacing-md)}.content-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.track-info{h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-large)}}h1{font-size:var(--font-size-2xl)}.info-item{flex-direction:column;gap:var(--spacing-xs);.label{min-width:auto}}}}.shows-list,.events-list,.releases-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.info-page-card,.event-card,.release-card{background-color:var(--color-background);border:4px dotted var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:border-color var(--transition-normal);display:flex;gap:var(--spacing-md);&:hover{border-color:var(--color-text);.event-name{font-family:var(--font-family-filled)}}}.event-card{flex-direction:row}.info-page-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.show-header,.event-details,.release-details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.show-title,.event-name,.release-name{font-family:var(--font-family-bubble);font-size:var(--font-size-xl);line-height:1;margin:0}.show-date,.event-date,.release-date{display:block;font-size:var(--font-size-small);color:var(--color-text-muted)}.show-description,.event-info,.release-description{line-height:1.6;color:var(--color-secondary);white-space:pre-line;margin:0}.event-location{color:var(--color-text)}.event-flyer,.release-image{width:100%;overflow:hidden;background-color:var(--color-hover);img{width:100%;height:auto;object-fit:cover}}.event-flyer-thumbnail{flex-shrink:0;height:200px;display:flex;overflow:hidden;img{width:100%;height:100%;object-fit:contain}}.embed-player,.bandcamp-embed{width:100%;&:last-child{margin-bottom:0}iframe{width:100%;border:0;border-radius:var(--border-radius)}}.event-link{text-decoration:none;color:var(--color-text)}.info-page-link-button,.ticket-link,.bandcamp-link{display:inline-block;font-family:var(--font-family-bubble);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-text);color:var(--color-background);text-decoration:none;border-radius:var(--border-radius);transition:all var(--transition-normal);&:hover{font-family:var(--font-family-filled);background-color:var(--color-secondary)}}.release-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.release-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-hover);border-radius:var(--border-radius);font-size:var(--font-size-small);color:var(--color-text-muted)}.year-selector{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-2xl)}.year-button{font-family:var(--font-family-bubble);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-background);color:var(--color-text);text-decoration:none;border:2px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition-normal);&:hover{font-family:var(--font-family-filled);border-color:var(--color-text);background-color:var(--color-hover)}&.active{font-family:var(--font-family-filled);background-color:var(--color-text);color:var(--color-background);border-color:var(--color-text)}}.festival-content{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);h2{font-family:var(--font-family-bubble);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);text-align:center}}@media (max-width: 768px){.shows-list,.events-list,.releases-list{gap:var(--spacing-lg)}.show-header,.event-details,.release-details{padding:var(--spacing-sm)}.festival-content{padding:var(--spacing-md)}.event-card,.release-card{flex-direction:column}.event-flyer-thumbnail{width:100%;height:auto;min-height:200px}}.admin-container{max-width:1000px;margin:0 auto;h1{text-align:left;font-size:var(--font-size-3xl);margin:0;color:var(--color-text)}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.admin-nav{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.tab-content{display:none;&.active{display:block}h2{margin-bottom:var(--spacing-xl);color:var(--color-text)}}.info-content-manager,.events-manager,.radio-manager,.festival-info-manager,.release-manager{max-width:900px;margin:0 auto;h3{font-family:var(--font-family-bubble);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}h4{font-family:var(--font-family-bubble);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);margin-top:0}}.event-form,.radio-form,.festival-form,.release-form{background-color:var(--color-hover);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl);label{display:block;margin-bottom:var(--spacing-lg);color:var(--color-text)}input,textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-family-scribble);font-size:var(--font-size-base);margin-top:var(--spacing-xs);&:focus{outline:none;border-color:var(--color-accent)}}small{display:block;color:var(--color-text-muted);font-size:var(--font-size-small);margin-top:var(--spacing-xs)}}.events-list,.shows-list,.festival-infos-list,.releases-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.event-item,.show-item,.festival-info-item,.release-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.event-info,.show-info,.festival-info-header,.release-header{flex:1;strong{display:block;font-family:var(--font-family-bubble);font-size:var(--font-size-large);margin-bottom:var(--spacing-xs)}p{color:var(--color-secondary);font-size:var(--font-size-small);margin:0}}.event-date,.show-date,.release-date{display:block;color:var(--color-text-muted);font-size:var(--font-size-small);margin-bottom:var(--spacing-sm)}.inactive-badge{display:inline-block;background-color:#dc2626;color:var(--color-background);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-small);font-family:var(--font-family-filled);margin-left:var(--spacing-sm)}.event-actions,.show-actions,.festival-info-actions,.release-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted);font-family:var(--font-family-bubble);font-size:var(--font-size-large)}