@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-cosmic:#070913;--bg-card:#0d112273;--bg-glass:#ffffff04;--bg-sidebar:#090b14;--border-glass:#ffffff0d;--border-glass-hover:#6366f140;--border-glass-active:#0ea5e966;--color-primary:#6366f1;--color-secondary:#0ea5e9;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#f43f5e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#475569;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", sans-serif;--shadow-premium:0 16px 48px -16px #000000b3;--shadow-glow-cyan:0 0 20px #0ea5e91f;--shadow-glow-purple:0 0 25px #6366f11f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cosmic);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 15%,#6366f10a 0%,#0000 40%),radial-gradient(circle at 85% 85%,#0ea5e90a 0%,#0000 40%);background-attachment:fixed;line-height:1.625;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0d112233}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#6366f166}.glass-panel{background:linear-gradient(135deg,#ffffff08 0%,#fff0 100%);background-color:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--border-glass-hover);background-color:#0d11228c}.glass-panel-active{border-color:var(--border-glass-active);box-shadow:var(--shadow-glow-cyan)}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-glass);z-index:50;flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:28px 24px;display:flex;position:fixed;top:0;left:0}.main-content{flex-grow:1;width:calc(100% - 280px);max-width:1360px;margin-left:280px;padding:44px 48px}.brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:36px;height:36px;box-shadow:var(--shadow-glow-purple);border-radius:10px;justify-content:center;align-items:center;display:flex}.brand-title{background:linear-gradient(135deg,#fff 40%,#c7d2fe 100%);-webkit-text-fill-color:transparent;font-size:20px;font-weight:800;font-family:var(--font-heading);-webkit-background-clip:text;background-clip:text}.nav-menu{flex-direction:column;flex-grow:1;gap:6px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff06;border-color:#ffffff04}.nav-item.active{color:#fff;background:#6366f11a;border-color:#6366f133;font-weight:600}.nav-item svg,.nav-item span.icon{color:var(--text-muted);transition:color .2s}.nav-item:hover svg,.nav-item:hover span.icon{color:var(--text-main)}.nav-item.active svg,.nav-item.active span.icon{color:#a5b4fc}.settings-group{border-top:1px solid var(--border-glass);flex-direction:column;gap:16px;margin-top:auto;padding-top:24px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:700}.form-input,.form-select,.form-textarea,.select-custom{border:1px solid var(--border-glass);width:100%;color:var(--text-main);font-family:var(--font-sans);background:#04060eb3;border-radius:10px;outline:none;padding:11px 14px;font-size:13.5px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus,.select-custom:focus{border-color:var(--color-primary);background:#04060ee6;box-shadow:0 0 0 3px #6366f11f}.form-select option,.select-custom option{color:#f1f5f9;background-color:#0b0d18}.form-select optgroup,.select-custom optgroup{color:#a5b4fc;font-weight:700;font-family:var(--font-heading);background-color:#080a13;padding:6px;font-size:11px}.form-textarea{resize:vertical;min-height:80px}.flow-diagram-container{border:1px solid var(--border-glass);background:#090b1659;border-radius:16px;margin:28px 0;padding:24px;position:relative;overflow:hidden}.flow-title-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.flow-title-bar h3{color:var(--text-main);align-items:center;gap:8px;font-size:15px;display:flex}.flow-nodes-wrapper{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex;position:relative}.flow-node{text-align:center;z-index:10;border:1px solid var(--border-glass);background:#090c17;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:160px;padding:18px 12px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.flow-node-icon{width:34px;height:34px;color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff08;border-radius:10px;justify-content:center;align-items:center;margin-bottom:10px;transition:all .3s;display:flex}.flow-node-title{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.flow-node-status{color:var(--text-dark);text-transform:uppercase;letter-spacing:.03em;font-size:9.5px;font-weight:700}.flow-node.active{border-color:var(--color-primary);box-shadow:var(--shadow-glow-purple);background:#6366f105;transform:translateY(-2px)}.flow-node.active .flow-node-icon{color:#a5b4fc;background:#6366f126;border-color:#6366f140}.flow-node.active .flow-node-title{color:#fff}.flow-node.active .flow-node-status{color:var(--color-primary);animation:1.5s infinite alternate pulse-text}.flow-node.completed{border-color:var(--color-success);background:#10b98103}.flow-node.completed .flow-node-icon{color:#34d399;background:#10b9811f;border-color:#10b98133}.flow-node.completed .flow-node-title{color:var(--text-main)}.flow-node.completed .flow-node-status{color:var(--color-success)}.flow-svg-line{z-index:1;width:100%;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.flow-line-path{stroke:#ffffff0d;stroke-width:2px;stroke-dasharray:8 4;fill:none;transition:all .4s}.flow-line-path.active{stroke:var(--color-secondary);stroke-width:2.5px;animation:1s linear infinite dash}.flow-line-path.completed{stroke:var(--color-success);stroke-dasharray:none}@keyframes dash{to{stroke-dashoffset:-12px}}@keyframes pulse-text{0%{opacity:.6}to{opacity:1}}.page-title{background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;font-size:30px;font-weight:800;font-family:var(--font-heading);letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin-bottom:8px}.page-subtitle{color:var(--text-muted);margin-bottom:36px;font-size:15px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.trends-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.trend-card{cursor:pointer;border:1px solid var(--border-glass);flex-direction:column;height:220px;padding:22px;display:flex;position:relative;overflow:hidden}.trend-card-selected{border-color:var(--color-primary);background:#0d1122b3;box-shadow:0 4px 20px #6366f11f,inset 0 0 12px #6366f114}.trend-traffic{color:var(--color-secondary);background:#0ea5e91a;border:1px solid #0ea5e92e;border-radius:20px;align-self:flex-start;margin-bottom:16px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.trend-title{color:#fff;letter-spacing:-.02em;margin-bottom:10px;font-size:19px;font-weight:700;line-height:1.35}.trend-articles{flex-direction:column;gap:8px;margin-top:12px;display:flex}.trend-article-item{align-items:flex-start;gap:8px;font-size:12px;display:flex}.trend-article-bullet{color:var(--color-secondary);flex-shrink:0;margin-top:2px;font-size:10px}.trend-article-link{color:#38bdf8;text-align:left;font-weight:500;line-height:1.4;text-decoration:none;transition:all .2s}.trend-article-link:hover{color:#7dd3fc;text-decoration:underline}.trend-article-link:visited{color:#c084fc}.trend-news-count{color:var(--text-muted);align-items:center;gap:6px;margin-top:auto;font-size:11.5px;display:flex}.trend-checkbox{border:1.5px solid var(--border-glass);border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex;position:absolute;top:22px;right:22px}.trend-card-selected .trend-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.trend-checkbox:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:8px;transition:opacity .2s;transform:rotate(45deg)translate(-1px,-1px)}.trend-card-selected .trend-checkbox:after{opacity:1}.action-bar{border:1px solid var(--border-glass);background:#0d1122a6;border-radius:14px;justify-content:space-between;align-items:center;margin:28px 0;padding:18px 24px;display:flex}.action-text{color:var(--text-muted);font-size:13.5px}.action-highlight{color:#fff;font-weight:700}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #4f46e5 100%);color:#fff;box-shadow:0 4px 14px #6366f140}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 18px #6366f159}.btn-secondary{color:var(--text-main);border:1px solid var(--border-glass);background:#ffffff05}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff1a}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.workspace-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:28px;margin-top:28px;display:grid}.workspace-left{flex-direction:column;gap:18px;display:flex}.workspace-actions{gap:10px;margin-bottom:2px;display:flex}.editor-header-tabs{border:1px solid var(--border-glass);background:#04060e99;border-radius:8px;align-self:flex-start;gap:4px;padding:4px;display:flex}.editor-tab{cursor:pointer;color:var(--text-muted);border:1px solid #0000;border-radius:6px;padding:6px 14px;font-size:11.5px;font-weight:600;transition:all .2s}.editor-tab.active{background:var(--bg-card);color:#fff;border:1px solid var(--border-glass);box-shadow:0 2px 8px #0003}.editor-textarea{background:var(--bg-card);border:1px solid var(--border-glass);width:100%;min-height:550px;color:var(--text-main);resize:vertical;box-shadow:var(--shadow-premium);border-radius:16px;outline:none;padding:24px;font-family:Consolas,Courier New,Courier,monospace;font-size:13.5px;line-height:1.65}.editor-textarea:focus{border-color:var(--border-glass-active)}.rendered-markdown{background:var(--bg-card);border:1px solid var(--border-glass);min-height:550px;box-shadow:var(--shadow-premium);border-radius:16px;padding:32px;overflow-y:auto}.rendered-markdown h1{color:#fff;border-bottom:1px solid var(--border-glass);margin-bottom:20px;padding-bottom:12px;font-size:26px;line-height:1.3}.rendered-markdown h2{color:#fff;margin-top:24px;margin-bottom:14px;font-size:20px}.rendered-markdown h3{color:#fff;margin-top:20px;margin-bottom:10px;font-size:16px}.rendered-markdown p{color:#cbd5e1;margin-bottom:16px}.rendered-markdown ul,.rendered-markdown ol{margin-bottom:16px;padding-left:20px}.rendered-markdown li{color:#cbd5e1;margin-bottom:8px}.rendered-markdown blockquote{border-left:4px solid var(--color-primary);color:var(--text-muted);background:#6366f10d;border-radius:6px;margin:20px 0;padding:12px 20px}.rendered-markdown blockquote p{margin-bottom:0}.media-center-panel{flex-direction:column;max-height:690px;padding:24px;display:flex}.image-gallery-scroll{flex-grow:1;margin-top:20px;padding-right:4px;overflow-y:auto}.image-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.media-card{border:1px solid var(--border-glass);cursor:pointer;background:#0006;border-radius:10px;height:120px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.media-card:hover{border-color:var(--color-secondary);transform:scale(1.01)}.media-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.media-card:hover .media-card-img{transform:scale(1.04)}.media-card-overlay{opacity:0;background:linear-gradient(#0000 20%,#000000d9 100%);align-items:flex-end;padding:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.media-card:hover .media-card-overlay{opacity:1}.media-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10.5px;font-weight:500;overflow:hidden}.media-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0ea5e9d9;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}.workspace-empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:550px;padding:40px;display:flex}.workspace-empty-icon{border:1px solid var(--border-glass);width:60px;height:60px;color:var(--text-muted);background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;display:flex}.workspace-empty-text{max-width:340px;color:var(--text-muted);font-size:13.5px}.toggle-pwd{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:14px;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.toggle-pwd:hover{color:#fff}.login-wrapper{z-index:10000;background:radial-gradient(circle,#0d0e1b 0%,#04050a 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.login-glow-bg{z-index:1;background:radial-gradient(circle,#6366f10d 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;right:-100px}.login-glow-bg-secondary{z-index:1;background:radial-gradient(circle,#0ea5e90d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;left:-150px}.login-card{-webkit-backdrop-filter:blur(24px);width:100%;max-width:420px;box-shadow:var(--shadow-premium);z-index:10;text-align:center;background:#0d112273;border:1px solid #ffffff0f;border-radius:20px;padding:44px 40px;animation:.5s cubic-bezier(.16,1,.3,1) fade-in-up;position:relative}.login-logo{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:30px;display:inline-flex;box-shadow:0 0 20px #6366f11a}.login-card h2{color:#fff;margin-bottom:8px;font-size:22px;font-weight:700}.login-card p{color:var(--text-muted);margin-bottom:30px;font-size:13.5px}.login-form{text-align:left;flex-direction:column;gap:18px;display:flex}.form-group-custom{flex-direction:column;gap:6px;display:flex;position:relative}.form-group-custom label{color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.input-container-custom{align-items:center;display:flex;position:relative}.input-icon-custom{color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.input-custom{color:#fff;background:#04060e80;border:1px solid #ffffff0f;border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:14px;transition:all .2s}.input-custom:focus{background:#04060ecc;border-color:#6366f166;box-shadow:0 0 0 3px #6366f11f}.shake{animation:.5s shake-anim}.user-mgmt-container{padding:10px;animation:.4s fade-in-up}.mgmt-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.mgmt-title-section h1{color:#fff;margin-bottom:6px;font-size:26px;font-weight:800}.mgmt-title-section p{color:var(--text-muted);font-size:13.5px}.users-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.user-card-custom{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.user-card-custom:hover{border-color:#6366f140;transform:translateY(-2px);box-shadow:0 8px 30px #0006}.user-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.user-avatar{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.user-avatar-user{color:#34d399;background:#10b98114;border-color:#10b9812e}.user-identity{text-align:left;flex-direction:column;gap:4px;display:flex}.user-username{color:#fff;word-break:break-all;font-size:15px;font-weight:700}.user-role-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:5px;align-self:flex-start;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.badge-admin{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140}.badge-user{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.user-meta-info{border-top:1px solid var(--border-glass);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.user-card-actions{gap:8px;display:flex}.action-icon-btn{border:1px solid var(--border-glass);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff05;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-btn:hover{color:#fff;background:#ffffff0d}.action-icon-btn-edit:hover{color:#a5b4fc;background:#6366f114;border-color:#6366f159}.action-icon-btn-delete:hover{color:#fb7185;background:#f43f5e14;border-color:#f43f5e59}.nav-menu-bottom{border-top:1px solid var(--border-glass);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.nav-item-logout{color:#fb7185!important}.nav-item-logout:hover{background:#f43f5e0f!important;border-color:#f43f5e26!important}.modal-overlay-custom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;background:#030409bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content-custom{background:var(--bg-card);border:1px solid var(--border-glass);width:100%;max-width:460px;box-shadow:var(--shadow-premium);text-align:left;background-image:linear-gradient(135deg,#ffffff08 0%,#fff0 100%);border-radius:18px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) fade-in-up;position:relative}.modal-content-custom h4{color:#fff;margin-bottom:24px;font-size:15px;font-weight:600}.modal-header-custom{margin-bottom:24px}.modal-header-custom h3{color:#fff;margin-bottom:6px;font-size:18px;font-weight:700}.modal-header-custom p{color:var(--text-muted);font-size:12.5px}.modal-actions-custom{border-top:1px solid var(--border-glass);justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}@keyframes shake-anim{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-divider{text-align:center;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;margin:20px 0;font-size:11px;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border-glass);flex:1}.login-divider:not(:empty):before{margin-right:16px}.login-divider:not(:empty):after{margin-left:16px}.user-table-row{transition:background-color .25s cubic-bezier(.16,1,.3,1)!important}.user-table-row:hover{background-color:#ffffff06!important}tr.user-table-row[style*="rgba(99, 102, 241, 0.04)"]:hover{background-color:#6366f114!important}