@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap";:root{--bg-main: #FFFDF8;--bg-secondary: #F0EEE6;--text-main: #111111;--text-muted: #666666;--color-primary: #7B61FF;--color-success: #00E096;--color-danger: #FF4D4D;--color-warning: #FFDE59;--color-dark: #1A1A1A;--border-width: 3px;--border-color: #000000;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-round: 9999px;--shadow-hard: 4px 4px 0px 0px var(--border-color);--shadow-hard-hover: 6px 6px 0px 0px var(--border-color);--shadow-hard-active: 0px 0px 0px 0px var(--border-color);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--transition-fast: .1s ease;--transition-bounce: .3s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1400px;margin:0 auto;padding:var(--space-md)}.flex-center{display:flex;align-items:center;justify-content:center}.heading-xl{font-size:3rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.heading-lg{font-size:2rem;font-weight:800;margin-bottom:var(--space-sm)}.heading-md{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.text-body{font-size:1rem;font-weight:500}.neo-input,.neo-textarea{width:100%;padding:var(--space-sm);border:var(--border-width) solid var(--border-color);background:#fff;font-family:inherit;font-weight:700;font-size:1.1rem;transition:all .2s;box-shadow:4px 4px #0000001a;margin-bottom:var(--space-md)}.neo-input:focus,.neo-textarea:focus{outline:none;box-shadow:6px 6px 0 0 var(--color-primary);transform:translate(-2px,-2px);border-color:var(--color-primary)}.neo-textarea{min-height:120px;resize:vertical}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--bg-main);border:var(--border-width) solid var(--border-color);padding:var(--space-lg);width:90%;max-width:500px;box-shadow:var(--shadow-hard);position:relative}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:var(--border-width) solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--color-primary);border:var(--border-width) solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--color-dark)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){:root{--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem}.heading-xl{font-size:2rem}.heading-lg{font-size:1.5rem}.modal-content{padding:var(--space-md);width:95%}}.layout-container{display:flex;height:100vh;width:100%;background-color:var(--bg-secondary);overflow:hidden;position:relative}.sidebar{width:280px;background-color:#fff;border-right:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-md);flex-shrink:0;box-sizing:border-box}.logo-container{padding-bottom:var(--space-xl);border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-lg)}.logo{font-family:Outfit,sans-serif;font-weight:900;font-size:2rem;letter-spacing:-.05em;text-transform:uppercase;color:var(--text-main);text-shadow:2px 2px 0px var(--color-primary)}.nav-menu{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-weight:700;color:var(--text-muted);text-decoration:none;font-size:1.1rem;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-item:hover{color:var(--text-main);background-color:var(--bg-secondary);transform:translate(2px,2px)}.nav-item.active{background-color:var(--color-primary);color:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-hard)}.nav-spacer{margin-top:auto}.user-profile{margin-top:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:var(--border-width) solid var(--border-color)}.user-avatar{width:40px;height:40px;background-color:var(--color-warning);border:var(--border-width) solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700;font-size:.9rem}.user-role{font-size:.8rem;color:var(--text-muted)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{height:80px;background-color:var(--bg-main);border-bottom:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg)}.breadcrumbs{font-size:1.2rem;color:var(--text-muted)}.breadcrumbs strong{color:var(--text-main);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--color-warning)}.neo-btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:var(--border-width) solid var(--border-color);border-radius:50%;cursor:pointer;box-shadow:2px 2px 0 0 var(--border-color);transition:all var(--transition-fast)}.neo-btn-icon:active{transform:translate(2px,2px);box-shadow:0 0}.content-scroll{flex:1;overflow-y:auto;padding:var(--space-lg);background-color:var(--bg-main)}@media(max-width:768px){.layout-container{flex-direction:column}.sidebar{width:100%;height:auto;position:fixed;bottom:0;left:0;flex-direction:row;border-right:none;border-top:var(--border-width) solid var(--border-color);padding:var(--space-sm);z-index:100;justify-content:space-around;align-items:center;box-shadow:0 -4px 10px #0000001a}.logo-container{display:none}.nav-menu{flex-direction:row;gap:var(--space-xs);flex:1;justify-content:space-around}.nav-item{flex-direction:column;padding:8px;font-size:.7rem;gap:4px;text-align:center;border:none;box-shadow:none}.nav-item.active{box-shadow:none;background:transparent;color:var(--color-primary)}.nav-item span,.nav-spacer{display:none}.user-profile{margin-top:0;padding-top:0;border-top:none;margin-left:var(--space-xs)}.user-role,.user-name{display:none}.user-avatar{width:32px;height:32px}.main-content{height:100vh;overflow-y:hidden;padding-bottom:70px}.top-bar{padding:0 var(--space-md);height:60px;gap:var(--space-sm)}.top-bar button span{display:none}.top-bar button{width:40px;padding:0;justify-content:center}.content-scroll{padding:var(--space-sm)}.profile-menu-popup{position:fixed!important;bottom:70px!important;right:10px!important;left:auto!important;width:200px!important;margin-bottom:0!important}}.profile-menu-popup{position:absolute;bottom:100%;left:1rem;right:1rem;margin-bottom:.5rem;background:#fff;border:2px solid black;border-radius:8px;box-shadow:4px 4px #000;z-index:1000;overflow:hidden}.neo-card{background-color:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-hard);padding:var(--space-md);border-radius:var(--radius-md);position:relative;overflow:hidden}.neo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:Outfit,sans-serif;font-weight:700;font-size:1rem;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;color:var(--text-main);box-shadow:var(--shadow-hard);transition:background-color .2s;text-transform:uppercase;letter-spacing:.05em;outline:none}.neo-btn-primary{background-color:var(--color-primary);color:#fff}.neo-btn-secondary{background-color:#fff;color:var(--text-main)}.neo-btn-success{background-color:var(--color-success);color:var(--text-main)}.neo-btn-danger{background-color:var(--color-danger);color:#fff}.neo-btn-warning{background-color:var(--color-warning);color:var(--text-main)}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.folder-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.folder-content{flex:1}.status-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-warning);border:2px solid black;font-weight:700;font-size:.8rem;margin-top:var(--space-md);box-shadow:2px 2px #000}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.dashboard-header>div{justify-content:space-between;width:100%}}.art-viewer-container{display:flex;flex-direction:column;height:100%}.viewer-header{display:grid;grid-template-columns:350px 1fr 100px;align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-lg)}.progress-indicators{display:flex;gap:var(--space-sm);flex-wrap:wrap}.progress-dot{width:16px;height:16px;border:var(--border-width) solid var(--border-color);background-color:#fff;border-radius:50%;cursor:pointer;transition:all var(--transition-bounce)}.progress-dot.active{background-color:var(--color-dark);transform:scale(1.4)}.progress-dot.status-approved{background-color:var(--color-success)}.progress-dot.status-changes_requested{background-color:var(--color-danger)}.viewer-content{display:flex;flex:1;gap:var(--space-xl);align-items:flex-start;justify-content:center;position:relative;padding-bottom:100px}.preview-frame{flex:1;max-width:500px;display:flex;justify-content:center;transition:all .5s cubic-bezier(.25,1,.5,1)}.phone-mockup{width:100%;background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:12px 12px 0 0 var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all .5s cubic-bezier(.25,1,.5,1)}.mode-story .phone-mockup{aspect-ratio:9/16}.mode-feed .phone-mockup{min-height:400px}.watermark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:900;font-size:3rem;color:#0000000d;transform:rotate(-30deg);white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;z-index:5}.insta-header{display:flex;align-items:center;padding:var(--space-sm);border-bottom:1px solid #eee}.insta-avatar{width:32px;height:32px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;margin-right:var(--space-xs)}.insta-username{font-weight:600;font-size:.9rem;flex:1}.art-image-container{position:relative;background-color:#000;width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .5s cubic-bezier(.25,1,.5,1)}.mode-feed .phone-mockup{width:100%}.art-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.approval-stamp,.reject-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--space-sm) var(--space-md);border:4px solid;font-weight:900;font-size:2rem;letter-spacing:.1em;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.approval-stamp{color:var(--color-success);border-color:var(--color-success)}.reject-stamp{color:var(--color-danger);border-color:var(--color-danger)}.insta-footer{padding:var(--space-sm)}.insta-actions{display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.insta-caption{font-size:.9rem}.controls-panel{width:350px;display:flex;flex-direction:column;justify-content:center;position:sticky;top:var(--space-lg)}.mobile-nav{display:none;justify-content:space-between;width:100%;margin-top:var(--space-md);margin-bottom:var(--space-md);padding:0 var(--space-sm);gap:var(--space-md)}.tooltip-add{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--color-dark);color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;white-space:nowrap;animation:bounce 1.5s infinite;pointer-events:none}.tooltip-add:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:var(--color-dark) transparent transparent transparent}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.action-buttons{display:flex;flex-direction:column;gap:var(--space-md)}.btn-approve,.btn-reject{height:80px;font-size:1.5rem;width:100%;transition:transform .2s,box-shadow .2s}.btn-approve:hover,.btn-reject:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.comment-box{background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-hard);padding:var(--space-md);border-radius:var(--radius-sm)}.neo-textarea{width:100%;height:200px;margin:var(--space-sm) 0;padding:var(--space-sm);border:2px solid var(--border-color);font-family:inherit;resize:vertical;background:var(--bg-secondary);font-size:1rem}.comment-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);margin-top:1rem}.neo-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--color-dark);color:#fff;padding:var(--space-md) var(--space-lg);border:3px solid var(--color-primary);box-shadow:6px 6px #0003;font-weight:700;z-index:1000;display:flex;align-items:center;gap:var(--space-sm);animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275);width:90%;max-width:400px;justify-content:center}@keyframes toast-in{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.modal-content .neo-input{margin-top:var(--space-sm)}@media(max-width:900px){.viewer-content{flex-direction:column;align-items:center;width:100%;padding:0 var(--space-sm) 100px var(--space-sm)}.preview-container-wrapper{width:100%}.controls-panel{width:100%;position:static;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.action-buttons{flex-direction:row;gap:var(--space-sm);flex-wrap:wrap}.btn-approve,.btn-reject{height:60px;font-size:1.1rem;flex:1;min-width:140px}.prev-next-overlay{display:flex!important;position:fixed!important;inset:auto 0 70px!important;transform:none!important;width:100%!important;padding:0 var(--space-md)!important;justify-content:space-between!important;gap:0;pointer-events:none;z-index:1100!important}.nav-btn{background-color:#fff;box-shadow:0 4px 8px #0003;border:2px solid var(--border-color);width:40px;height:40px;flex-shrink:0;pointer-events:auto;border-radius:50%}.mobile-nav{display:flex}.viewer-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.viewer-header>div{width:100%;justify-content:space-between}.progress-indicators{width:100%;overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap;justify-content:flex-start!important}.folder-identity{max-width:100%}.filter-tabs-container{width:100%;overflow-x:auto;white-space:nowrap}}.prev-next-overlay{position:fixed;top:50%;left:0;width:100%;pointer-events:none;display:flex;justify-content:space-between;padding-left:320px;padding-right:var(--space-xl);transform:translateY(-50%);z-index:50}.nav-btn{pointer-events:auto;border-radius:50%;width:60px;height:60px;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s;background:#fff;border:2px solid var(--border-color)}.nav-btn:hover:not(:disabled){transform:scale(1.1)}.upload-dropzone{border:3px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;background-color:var(--bg-secondary);transition:background-color .2s}.upload-dropzone:hover{background-color:#e0ded6}.file-preview{text-align:center}.neo-chip{padding:8px 16px;border:2px solid var(--border-color);background:transparent;font-weight:700;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s}.neo-chip:hover{background-color:#f0f0f0}.neo-chip.active{background-color:var(--color-primary);color:#fff}.progress-add{width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;margin-left:var(--space-xs);transition:all .2s}.progress-add:hover{background:#f0f0f0;transform:scale(1.1)}.copy-viewer-container{margin-top:var(--space-md);width:100%;position:relative}.btn-toggle-copy{background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);padding:var(--space-xs) var(--space-sm);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);box-shadow:2px 2px 0 0 var(--border-color);transition:all .2s;width:100%;justify-content:space-between}.btn-toggle-copy:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--border-color)}.btn-toggle-copy:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border-color)}.copy-content{background:#fff;border:var(--border-width) solid var(--border-color);border-top:none;padding:var(--space-md);box-shadow:4px 4px 0 0 var(--border-color);margin-top:-3px;position:relative;z-index:5}.copy-text{font-family:Courier New,Courier,monospace;white-space:pre-wrap;font-size:.9rem;line-height:1.6;margin-bottom:var(--space-sm);max-height:300px;overflow-y:auto}.btn-approve-all{margin-top:var(--space-md);font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;border:2px solid var(--color-dark)!important}.btn-approve-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003!important}.carousel-dots{pointer-events:none}.upload-item-preview{width:120px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s;position:relative}.upload-item-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.upload-item-preview .item-controls{opacity:0;transition:opacity .2s ease}.upload-item-preview:hover .item-controls,.upload-item-preview:focus-within .item-controls{opacity:1}@media(hover:none){.upload-item-preview .item-controls{opacity:1;background:#0000004d}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.neo-skeleton{background-color:var(--bg-secondary, #f1f5f9);border:2px solid var(--border-color, #000);border-radius:var(--radius-sm, 8px);box-shadow:4px 4px 0 0 var(--border-color, #000);position:relative;overflow:hidden}.neo-skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:neo-shimmer 1.5s infinite}@keyframes neo-shimmer{to{transform:translate(100%)}}.calendar-container{display:flex;flex-direction:column;height:100%}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.calendar-legend{display:flex;gap:var(--space-md)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-weight:700;font-size:.9rem}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border-color)}.dot-feed{background-color:var(--color-primary)}.dot-story{background-color:var(--color-warning)}.dot-reels{background-color:var(--color-success)}.dot-carousel{background-color:#ff9f43}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:var(--border-width) solid var(--border-color);background-color:var(--border-color);gap:var(--border-width);flex:1}.calendar-day-header{background-color:var(--bg-secondary);padding:var(--space-sm);text-align:center;font-weight:900;font-size:1.1rem}.calendar-cell{background-color:#fff;min-height:120px;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.calendar-cell.empty{background-color:#f9f9f9}.day-number{font-weight:700;font-size:1.2rem;margin-bottom:var(--space-xs)}.event-chip{padding:4px 8px;border:2px solid var(--border-color);font-size:.8rem;font-weight:700;border-radius:4px;background:#fff;box-shadow:2px 2px 0 0 var(--border-color);cursor:pointer;transition:transform .1s}.event-chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--border-color)}.type-feed{background-color:var(--color-primary);color:#fff}.type-story{background-color:var(--color-warning)}.type-reels{background-color:var(--color-success);color:#fff}.type-carousel{background-color:#ff9f43;color:#fff}@media(max-width:768px){.calendar-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.calendar-header>div:first-child{width:100%;justify-content:space-between}.heading-xl{font-size:1.5rem;text-align:center;flex:1}.calendar-legend{flex-wrap:wrap;width:100%;justify-content:flex-start}.calendar-grid{font-size:.8rem}.calendar-day-header{padding:4px;font-size:.8rem}.calendar-cell{min-height:80px;padding:4px}.day-number{font-size:.9rem}.event-chip{padding:2px 4px;font-size:.65rem}}