:root{--sidebar-bg:#1e2126;--topbar-bg:#16191d;--accent:#007bff;--control-bg:#2a2e35;--toolbar-bg:rgba(35, 38, 45, 0.98)}body{margin:0;display:flex;flex-direction:column;height:100vh;background:#000;font-family:'Segoe UI',sans-serif;overflow:hidden}.top-bar{height:70px;background:var(--topbar-bg);border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:10000;color:#fff}.branding{display:flex;flex-direction:column;line-height:1.1}.logo{font-size:1.6rem;font-weight:900;letter-spacing:2px;color:var(--accent);cursor:pointer;display:flex;align-items:baseline}.logo sup{font-size:.7rem;margin-left:2px;color:#888}.byline{font-size:.55rem;color:#777;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.nav-links{display:flex;gap:30px}.nav-links a{color:#aaa;text-decoration:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s}.nav-links a:hover{color:#fff}.auth-buttons{display:flex;flex-direction:row;gap:15px;align-items:center}.btn-auth{padding:10px 20px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;border:1px solid #444;background:0 0;color:#fff;transition:.2s;white-space:nowrap}.btn-auth.primary{background:var(--accent);border:none}.app-container{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{width:300px;background:var(--sidebar-bg);color:#fff;padding:20px;border-right:1px solid #444;z-index:8000;overflow-y:auto;display:flex;flex-direction:column}.main-area{flex:1;position:relative;background:#000;overflow:hidden;display:flex}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}#watermark-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;display:grid;grid-template-columns:repeat(4,1fr);background-image:repeating-linear-gradient(-45deg,transparent,transparent 150px,rgba(255,255,255,.015) 150px,rgba(255,255,255,.015) 300px)}.wm-item{font-size:2.2rem;font-weight:900;color:rgba(255,255,255,.15);transform:rotate(-25deg);white-space:nowrap;user-select:none;display:flex;align-items:center;justify-content:center;height:350px;mix-blend-mode:difference}.control-group{background:var(--control-bg);padding:15px;border-radius:8px;margin-bottom:15px;border:1px solid #333}.label{font-size:.7rem;color:#00bfff;font-weight:700;text-transform:uppercase;margin-bottom:10px;display:block}button{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-bottom:10px;text-transform:uppercase}select{width:100%;background:#111;border:1px solid #444;color:#fff;padding:12px;border-radius:4px;margin-bottom:10px;box-sizing:border-box;cursor:pointer;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"292.4"%20height%3D"292.4"><path%20fill%3D"%2300bfff"%20d%3D"M287%2069.4a17.6%2017.6%200%200%200-13-7.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%0-5-1.9-9.2-5.5-12.8z"%2F><%2Fsvg>');background-repeat:no-repeat;background-position:right 12px center;background-size:10px}.bg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bg-thumb{height:40px;background:#333;border:2px solid transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff}.bg-thumb.active{border-color:#fc0}#floating-toolbar{position:absolute;background:var(--toolbar-bg);border:1px solid #555;border-radius:12px;padding:22px;width:260px;display:none;flex-direction:column;box-shadow:0 15px 40px rgba(0,0,0,.8);z-index:5000;backdrop-filter:blur(10px)}.slider-box{display:flex;flex-direction:column;gap:15px;margin:15px 0}.slider-box div{display:flex;flex-direction:column;gap:5px}input[type=range]{width:100%;cursor:pointer}#supplierModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:20000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(15px)}.supplier-content{background:var(--sidebar-bg);border:1px solid #444;border-radius:12px;padding:30px;width:600px;max-width:95%;color:#fff}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-top:20px}.stat-card{background:#111;padding:15px;border-radius:8px;border:1px solid #333;text-align:center}.stat-val{font-size:1.5rem;font-weight:900;color:#fc0;margin-top:5px}#supplierPortal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b0e14;z-index:20000;display:none;flex-direction:column;box-sizing:border-box}.portal-container{display:flex;flex:1;overflow:hidden}.portal-sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid #333;display:flex;flex-direction:column;padding:15px;gap:20px}.portal-main{flex:1;padding:0 30px;overflow-y:auto;background:#000}.sidebar-section{display:flex;flex-direction:column;gap:5px}.sidebar-label{font-size:.65rem;color:#555;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.sidebar-btn{background:0 0;color:#999;text-align:left;padding:10px 12px;border-radius:6px;cursor:pointer;transition:.2s;border:none;width:100%;font-size:.85rem;font-weight:600;text-transform:none;margin-bottom:0}.sidebar-btn:hover{background:#2a2e35;color:#fff}.sidebar-btn.active{background:var(--accent);color:#fff}.asset-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.asset-card-large{background:#16191d;border-radius:8px;overflow:hidden;border:1px solid #333;transition:.3s;height:240px;display:flex;flex-direction:column}.asset-card-large:hover{transform:translateY(-3px);border-color:var(--accent)}.asset-thumb-large{height:125px;width:100%;object-fit:cover;background:#000;flex-shrink:0}.asset-meta{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;flex-grow:1}.asset-name-label{font-weight:700;font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.asset-status-label{font-size:.6rem;color:#888;margin-top:2px}.asset-card-add{background:#0b0e14;border-radius:8px;height:240px;border:2px dashed #333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.asset-card-add:hover{border-color:var(--accent);background:#16191d}.plus-icon{font-size:3rem;color:#333;font-weight:100;transition:.3s}.asset-card-add:hover .plus-icon{color:var(--accent);transform:scale(1.1)}.pagination-bar{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding-bottom:20px}.page-btn{background:#2a2e35;color:#fff;border:1px solid #444;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:700;width:auto;margin-bottom:0}.page-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:.8rem;color:#888}#uploadModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:22000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(15px)}.upload-content{background:var(--sidebar-bg);border:1px solid #444;border-radius:12px;padding:40px;width:500px;color:#fff}#authModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:21000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(15px)}.auth-content{background:var(--sidebar-bg);border:1px solid #444;border-radius:12px;padding:40px;width:400px;color:#fff}#libraryModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:15000;display:none;flex-direction:column;backdrop-filter:blur(15px)}.library-content{flex:1;display:flex;flex-direction:column;padding:40px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:20px}.library-tabs{display:flex;gap:20px;margin-bottom:30px}.tab{padding:10px 25px;border-radius:20px;background:#2a2e35;color:#888;cursor:pointer;font-size:.9rem;font-weight:700;transition:.3s}.tab.active{background:var(--accent);color:#fff}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px;overflow-y:auto;padding-right:10px}.lib-card{background:#16191d;border-radius:12px;overflow:hidden;border:1px solid #333;transition:.3s;cursor:pointer;position:relative}.lib-card:hover{transform:translateY(-5px);border-color:var(--accent)}.lib-thumb{height:150px;width:100%;object-fit:cover;background:#000}.lib-meta{padding:15px;display:flex;justify-content:space-between;align-items:center}