:root{--bg-dark: #0f172a;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--primary: #6366f1;--primary-hover: #4f46e5;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--danger: #ef4444;--success: #10b981;--font-main: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}button{font-family:inherit;cursor:pointer;border:none;outline:none}.app-container{max-width:1200px;margin:0 auto;padding:40px 20px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 30px;background:#1e293bb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.app-title{font-size:1.8rem;font-weight:700;margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.btn-primary{background:var(--accent-gradient);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.btn-primary:active{transform:translateY(0)}.upload-container{background:#1e293b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:30px;margin-bottom:40px;text-align:center}.upload-title{font-size:1.4rem;margin-bottom:20px;color:var(--text-primary)}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block;margin-right:15px}.file-input-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.btn-upload{background:var(--bg-card);color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);padding:10px 20px;margin-left:12px;border-radius:8px;transition:all .2s}.btn-upload:hover{border-color:var(--primary);color:var(--text-primary)}.btn-submit{background-color:var(--primary);color:#fff;padding:10px 24px;border-radius:8px;margin-left:12px;margin-top:12px;font-weight:600}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.gallery-section h3{font-size:1.4rem;margin-bottom:20px;color:var(--text-secondary);border-bottom:2px solid var(--bg-card);padding-bottom:10px;display:inline-block}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.media-card{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative}.media-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d;border-color:#ffffff1a}.media-preview{width:100%;aspect-ratio:16/9;object-fit:cover;background-color:#000}.card-actions{padding:16px;display:flex;justify-content:space-between;align-items:center;background:#0f172acc;border-top:1px solid rgba(255,255,255,.05)}.tag-badge{font-size:.75rem;text-transform:uppercase;padding:4px 8px;border-radius:4px;font-weight:600;letter-spacing:.05em;background:#ffffff1a;color:var(--text-secondary)}.delete-btn{background:transparent;color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:.85rem;border:1px solid transparent;transition:all .2s}.delete-btn:hover{background:#ef444426;color:var(--danger)}.signage-screen{background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.fullscreen-media{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.back-btn{position:absolute;top:24px;right:24px;background:#00000080;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;transition:all .2s}.back-btn:hover{background:#ffffff1a;color:#fff}