:root{--bg:#060608;--surface:#ffffff08;--surface-2:#ffffff0d;--surface-3:#ffffff12;--glass:#0c0c10b3;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1a;--text:#e8e8ec;--text-2:#8a8a96;--text-3:#55555f;--text-4:#35353d;--accent:#e8563a;--accent-glow:#e8563a26;--accent-glow-2:#e8563a0f;--green:#34d399;--green-glow:#34d3991a;--blue:#60a5fa;--blue-glow:#60a5fa14;--purple:#a78bfa;--purple-glow:#a78bfa14;--orange:#fb923c;--orange-glow:#fb923c14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.orb{filter:blur(120px);opacity:.35;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb-1{background:radial-gradient(circle,var(--accent)0%,transparent 70%);width:600px;height:600px;animation:25s ease-in-out infinite float1;top:-200px;right:-100px}.orb-2{background:radial-gradient(circle,var(--blue)0%,transparent 70%);width:500px;height:500px;animation:30s ease-in-out infinite float2;bottom:-150px;left:-100px}.orb-3{background:radial-gradient(circle,var(--purple)0%,transparent 70%);width:400px;height:400px;animation:20s ease-in-out infinite float3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float1{0%,to{transform:translate(0)}25%{transform:translate(-60px,40px)}50%{transform:translate(30px,-30px)}75%{transform:translate(-20px,-50px)}}@keyframes float2{0%,to{transform:translate(0)}25%{transform:translate(50px,-40px)}50%{transform:translate(-40px,30px)}75%{transform:translate(30px,50px)}}@keyframes float3{0%,to{transform:translate(-50%,-50%)scale(1)}33%{transform:translate(-40%,-60%)scale(1.1)}66%{transform:translate(-60%,-40%)scale(.9)}}.grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000 20%,#0000 100%);mask-image:radial-gradient(60% 60%,#000 20%,#0000 100%)}.topbar{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(1.4);border-bottom:1px solid var(--glass-border);background:#060608cc;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 32px;display:flex}.topbar-left{align-items:center;display:flex}.topbar-right{align-items:center;gap:16px;display:flex}.logo-group{align-items:center;gap:12px;display:flex;position:relative}.logo-glow{background:var(--accent);filter:blur(40px);opacity:.2;pointer-events:none;width:120px;height:40px;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.logo-text{letter-spacing:5px;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;position:relative}.logo-divider{color:var(--text-4);font-size:20px;font-weight:300}.logo-subtitle{letter-spacing:3px;color:var(--text-3);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.client-select-wrapper{position:relative}.client-select{appearance:none;background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;border-radius:8px;min-width:180px;padding:8px 36px 8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.client-select:hover{border-color:var(--glass-border-hover);background:var(--surface-3)}.client-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.client-select option{color:var(--text);background:#101014}.select-arrow{color:var(--text-3);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.client-name-badge{color:var(--accent);background:var(--accent-glow);border:1px solid #e8563a33;border-radius:6px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.search-wrapper{align-items:center;transition:all .2s;display:flex;position:relative}.search-icon{color:var(--text-3);pointer-events:none;font-size:16px;position:absolute;left:12px}.search-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text);border-radius:8px;width:200px;padding:8px 14px 8px 36px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.search-input::placeholder{color:var(--text-4)}.search-input:hover{border-color:var(--glass-border-hover)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none;width:260px}.logout-btn{color:var(--text-3);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.logout-btn:hover{color:var(--text-2);border-color:var(--glass-border-hover);background:var(--surface)}.tracker-wrapper{z-index:1;min-height:100vh;position:relative}.tracker-main{max-width:1400px;margin:0 auto;padding:32px}.dropzone{border:1.5px dashed var(--glass-border);text-align:center;cursor:pointer;background:var(--surface);border-radius:12px;margin-bottom:40px;padding:40px;transition:all .3s;position:relative;overflow:hidden}.dropzone:before{content:"";background:linear-gradient(135deg,var(--accent),var(--blue),var(--purple),var(--accent));-webkit-mask-composite:xor;opacity:0;pointer-events:none;background-size:300% 300%;border-radius:14px;padding:2px;transition:opacity .3s;animation:4s linear infinite gradient-rotate;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dropzone:hover:before,.dropzone.dragging:before{opacity:1}.dropzone:hover{background:var(--surface-2);border-color:#0000}.dropzone.dragging{background:var(--surface-3);border-color:#0000}.dropzone.disabled{opacity:.4;pointer-events:none}@keyframes gradient-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.file-input-hidden{display:none}.dropzone-content{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.dropzone-icon{color:var(--text-3);margin-bottom:4px;font-size:28px;display:block}.dropzone-text{color:var(--text-2);font-size:14px;font-weight:500}.dropzone-sub{color:var(--text-4);font-family:IBM Plex Mono,monospace;font-size:11px}.dropzone-spinner{border:2px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.creative-tables{flex-direction:column;gap:40px;display:flex}.section-header{align-items:center;gap:10px;margin-bottom:16px;padding-left:4px;display:flex}.section-header-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;margin:-6px -8px 10px;padding:6px 8px;transition:background .2s}.section-header-toggle:hover{background:var(--surface-2)}.section-chevron{color:var(--text-3);text-align:center;width:14px;font-size:16px;transition:transform .2s;display:inline-block}.section-chevron.open{transform:rotate(90deg)}.section-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.approved-dot{background:var(--green);box-shadow:0 0 12px var(--green-glow),0 0 4px var(--green);animation:2s ease-in-out infinite pulse-green}.tested-dot{background:var(--text-3);box-shadow:0 0 6px #55555f4d}@keyframes pulse-green{0%,to{box-shadow:0 0 12px var(--green-glow),0 0 4px var(--green)}50%{box-shadow:0 0 20px var(--green-glow),0 0 8px var(--green)}}.section-title{letter-spacing:2px;color:var(--text-2);text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.section-count{color:var(--text-3);background:var(--surface-2);border-radius:4px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}.table-wrapper{background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden}.creative-table{border-collapse:collapse;width:100%}.creative-row{border-bottom:1px solid var(--glass-border);transition:all .2s}.creative-row:last-child{border-bottom:none}.creative-row:hover{background:var(--surface-2)}.creative-row.tested{opacity:.45}.creative-row.tested:hover{opacity:.65}.creative-row.toggling{opacity:.6}.creative-row td{vertical-align:middle;padding:12px 16px}.col-checkbox{text-align:center;width:48px}.col-filename{color:var(--text);font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500}.col-type{width:100px}.col-download{text-align:center;width:60px}.col-date{width:130px;color:var(--text-3);text-align:right;font-family:IBM Plex Mono,monospace;font-size:12px}.checkbox-wrapper{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.checkbox-wrapper input{display:none}.checkbox-custom{border:1.5px solid var(--glass-border-hover);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex;position:relative}.checkbox-custom:hover{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.checkbox-custom.checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.checkbox-custom.checked:after{content:"✓";color:#fff;font-size:11px;font-weight:700}.type-badge{letter-spacing:1px;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;display:inline-block}.type-ugc{color:var(--orange);background:var(--orange-glow);border:1px solid #fb923c4d}.type-video{color:var(--blue);background:var(--blue-glow);border:1px solid #60a5fa4d}.type-static{color:var(--purple);background:var(--purple-glow);border:1px solid #a78bfa4d}.download-btn{background:var(--surface-2);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:all .2s;display:inline-flex}.download-btn:hover{background:var(--surface-3);border-color:var(--glass-border-hover);color:var(--text);box-shadow:0 0 12px var(--accent-glow-2)}.show-more-btn{border:none;border-top:1px solid var(--glass-border);width:100%;color:var(--text-3);letter-spacing:1px;cursor:pointer;background:0 0;padding:12px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:all .2s;display:block}.show-more-btn:hover{background:var(--surface);color:var(--text-2)}.empty-state{text-align:center;color:var(--text-4);background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;padding:32px;font-size:13px}.empty-state-full{color:var(--text-4);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:120px 32px;font-size:15px;display:flex}.empty-icon{opacity:.4;font-size:32px}.loading-state{color:var(--text-3);justify-content:center;align-items:center;gap:12px;padding:60px;font-size:13px;display:flex}.loading-spinner{border:2px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.loading-fullscreen{justify-content:center;align-items:center;height:100vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{-webkit-backdrop-filter:blur(16px);border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .3s;display:flex}.toast.success{color:var(--green);box-shadow:0 0 20px var(--green-glow);background:#34d3991a;border:1px solid #34d39933}.toast.error{color:var(--accent);box-shadow:0 0 20px var(--accent-glow);background:#e8563a1a;border:1px solid #e8563a33}.toast-icon{font-size:14px;font-weight:700}.toast-enter{animation:.3s ease-out toast-in}.toast-exit{animation:.3s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.95)}}.login-wrapper{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative}.login-card{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--glass-border);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:48px 36px}.login-logo-group{margin-bottom:12px;display:inline-block;position:relative}.login-subtitle{letter-spacing:2px;color:var(--text-3);text-transform:uppercase;margin-bottom:32px;font-family:IBM Plex Mono,monospace;font-size:11px}.login-form{flex-direction:column;gap:14px;display:flex}.login-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text);border-radius:8px;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.login-input::placeholder{color:var(--text-4)}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.login-error{color:var(--accent);text-align:center;background:#e8563a14;border:1px solid #e8563a33;border-radius:6px;padding:10px;font-size:12px}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.login-btn:hover{filter:brightness(1.1);box-shadow:0 0 20px var(--accent-glow)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.creative-detail-row{border-bottom:1px solid var(--glass-border)}.creative-detail-row:last-child{border-bottom:none}.creative-detail-row.tested{opacity:.45}.creative-detail-row td{padding:0 16px 12px}.detail-fields{gap:12px;display:flex}.detail-field{flex:1;align-items:center;gap:8px;display:flex}.detail-label{letter-spacing:1px;color:var(--text-4);text-transform:uppercase;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.detail-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text);border-radius:5px;flex:1;min-width:0;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.detail-input::placeholder{color:var(--text-4)}.detail-input:hover{border-color:var(--glass-border-hover)}.detail-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.col-delete{text-align:center;width:50px}.delete-btn{width:32px;height:32px;color:var(--text-4);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:inline-flex}.delete-btn:hover{color:var(--accent);background:#e8563a14;border-color:#e8563a33}.delete-confirm{justify-content:center;gap:4px;display:flex}.delete-yes,.delete-no{border:1px solid var(--glass-border);cursor:pointer;border-radius:4px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.delete-yes{color:var(--accent);background:#e8563a1a;border-color:#e8563a4d}.delete-yes:hover{background:#e8563a33}.delete-no{color:var(--text-3);background:0 0}.delete-no:hover{background:var(--surface-2);color:var(--text-2)}.admin-wrapper{z-index:1;min-height:100vh;position:relative}.admin-main{max-width:1000px;margin:0 auto;padding:40px 32px}.admin-header-row{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.admin-title{letter-spacing:2px;color:var(--text-2);text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.admin-back-link{letter-spacing:1px;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-size:11px;text-decoration:none;transition:color .2s}.admin-back-link:hover{color:var(--text)}.admin-add-form{gap:10px;margin-bottom:28px;display:flex}.admin-input{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text);border-radius:8px;flex:1;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .2s}.admin-input::placeholder{color:var(--text-4)}.admin-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.admin-add-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.admin-add-btn:hover{filter:brightness(1.1);box-shadow:0 0 16px var(--accent-glow)}.admin-add-btn:disabled{opacity:.5;cursor:not-allowed}.admin-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;width:100%;overflow:hidden}.admin-table th{letter-spacing:1.5px;color:var(--text-3);text-transform:uppercase;text-align:left;border-bottom:1px solid var(--glass-border);background:var(--surface-2);padding:12px 16px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.admin-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;padding:12px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--surface-2)}.admin-col-name{color:var(--text);font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500}.admin-col-link{max-width:300px}.admin-link-text{color:var(--text-3);word-break:break-all;font-family:IBM Plex Mono,monospace;font-size:11px}.admin-copy-btn{color:var(--accent);background:var(--accent-glow);cursor:pointer;white-space:nowrap;border:1px solid #e8563a33;border-radius:4px;margin-left:8px;padding:3px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:all .2s}.admin-copy-btn:hover{background:#e8563a26;border-color:#e8563a59}.admin-col-actions{white-space:nowrap}.admin-action-btn{border:1px solid var(--glass-border);cursor:pointer;color:var(--text-3);background:0 0;border-radius:5px;margin-right:6px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.admin-action-btn:hover{border-color:var(--glass-border-hover);color:var(--text-2);background:var(--surface-2)}.admin-action-btn.danger{color:var(--accent);border-color:#e8563a33}.admin-action-btn.danger:hover{background:var(--accent-glow);border-color:#e8563a59}.admin-nav-link{letter-spacing:1.5px;color:var(--text-3);border:1px solid var(--glass-border);border-radius:6px;padding:7px 14px;font-family:IBM Plex Mono,monospace;font-size:11px;text-decoration:none;transition:all .2s}.admin-nav-link:hover{color:var(--text-2);border-color:var(--glass-border-hover);background:var(--surface)}.admin-confirm-row{align-items:center;gap:6px;display:inline-flex}.admin-edit-input{background:var(--surface-2);border:1px solid var(--accent);color:var(--text);width:180px;box-shadow:0 0 0 3px var(--accent-glow);border-radius:6px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:13px}.admin-edit-input:focus{outline:none}.admin-empty{text-align:center;color:var(--text-4);padding:48px;font-size:13px}@media (max-width:768px){.topbar-inner{gap:12px;padding:0 16px}.logo-subtitle,.logo-divider{display:none}.search-input{width:140px}.search-input:focus{width:180px}.client-select{min-width:120px;font-size:12px}.tracker-main{padding:20px 16px}.dropzone{padding:28px 20px}.col-date{display:none}.col-type{width:70px}.creative-row td{padding:10px}.col-filename{font-size:12.5px}}@media (max-width:480px){.topbar-inner{flex-wrap:wrap;gap:8px;height:auto;padding:12px 16px}.topbar-right{flex-wrap:wrap;width:100%}.search-wrapper{flex:1}.search-input,.search-input:focus{width:100%}.client-select{min-width:100%}}