@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*,.workflow-studio-power-automate *{box-sizing:border-box}.workflow-studio-power-automate{display:flex;height:100vh;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.sidebar-modern{width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;transition:width .3s ease}.sidebar-modern.collapsed{width:60px}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e2e8f0}.logo-section{display:flex;align-items:center;gap:12px;margin-bottom:16px}.logo{width:32px;height:32px;background:#4f46e5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.app-name{font-size:20px;font-weight:700;color:#1e293b}.collapse-toggle{background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.collapse-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.sidebar-section{padding:16px 20px}.sidebar-section h3{margin:0 0 12px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.new-workflow-btn,.manage-workflows-btn{width:100%;padding:12px 16px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:8px}.new-workflow-btn:hover,.manage-workflows-btn:hover{background:#4338ca;transform:translateY(-1px)}.workflows-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.workflow-item{padding:12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.workflow-item:hover{border-color:#cbd5e1;background:#f8fafc}.workflow-item.active{border-color:#4f46e5;background:#eef2ff}.workflow-icon{display:inline-block;margin-right:8px}.workflow-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.workflow-details{font-size:12px;color:#64748b;margin-top:4px}.template-item{padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.template-item:hover{background:#f8fafc}.template-icon{font-size:16px}.template-name{font-size:13px;color:#475569}.main-content{flex:1;display:flex;flex-direction:column;background:#f5f7fa}.top-nav{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.workflow-info{display:flex;align-items:center;gap:16px;flex:1}.workflow-title-input{font-size:20px;font-weight:700;color:#1e293b;border:none;background:transparent;padding:8px 0;min-width:200px}.workflow-title-input:focus{outline:none;border-bottom:2px solid #4f46e5}.workflow-status{display:flex;align-items:center}.status-badge{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.draft{background:#fef3c7;color:#92400e}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.top-actions{display:flex;gap:12px}.test-flow-btn,.save-btn,.btn-secondary,.btn-primary{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.test-flow-btn,.btn-secondary{background:#f1f5f9;color:#334155}.test-flow-btn:hover,.btn-secondary:hover{background:#e2e8f0}.save-btn,.btn-primary{background:#10b981;color:#fff}.save-btn:hover,.btn-primary:hover{background:#059669;transform:translateY(-1px)}.flow-canvas{flex:1;padding:40px;overflow-y:auto;background:#f5f7fa}.flow-steps{max-width:600px;margin:0 auto;display:flex;flex-direction:column}.step-container{position:relative;display:flex;flex-direction:column;align-items:center}.connection-line{display:flex;justify-content:center;margin:8px 0}.line-vertical,.line{width:2px;height:24px;background:#cbd5e1;position:relative}.line-vertical:after,.line:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #cbd5e1}.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;width:100%;cursor:pointer;transition:all .2s;position:relative;margin-bottom:16px}.step-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.step-card.trigger:before{background:#3b82f6}.step-card.action:before{background:#10b981}.step-card.condition:before{background:#8b5cf6}.step-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.step-card.selected{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e533}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f1f5f9;flex-shrink:0}.step-info{flex:1;min-width:0}.step-type,.step-subtitle{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.step-title,.step-name{font-size:16px;font-weight:600;color:#1e293b}.step-actions{display:flex;gap:8px;flex-shrink:0}.action-btn,.icon-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.action-btn:hover,.icon-btn:hover{background:#f8fafc;border-color:#cbd5e1}.action-btn.delete:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.step-content{margin-top:12px}.step-config{display:flex;flex-wrap:wrap;gap:8px}.config-item,.config-tag{padding:6px 12px;background:#f1f5f9;border-radius:6px;font-size:12px;color:#475569;border:1px solid #e2e8f0}.config-key{font-weight:600;color:#1e293b;margin-right:4px}.config-value{color:#475569}.add-step-container{display:flex;flex-direction:column;align-items:center;margin:16px 0}.add-step-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:20px;color:#64748b;margin:16px auto}.add-step-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff;transform:scale(1.1)}.add-icon{font-size:20px;font-weight:700}.add-first-step{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:40px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;text-align:center}.add-first-step:hover{border-color:#4f46e5;background:#f8fafc}.add-step-icon{font-size:48px;margin-bottom:8px}.add-step-text{font-size:16px;color:#475569;font-weight:500}.properties-panel{width:320px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column}.panel-header{padding:20px;border-bottom:1px solid #e2e8f0}.panel-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b}.panel-content{flex:1;overflow-y:auto;padding:20px}.workflow-settings,.step-settings{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:13px;font-weight:600;color:#475569}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.step-selector-modal,.workflow-list-modal,.confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.workflow-list-modal{max-width:800px}.confirm-modal{max-width:400px}.modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1e293b}.close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#64748b;transition:all .2s}.close-btn:hover{background:#e2e8f0}.step-types-grid,.workflow-list-grid,.templates-grid{padding:24px;display:grid;gap:16px}.step-type-card,.workflow-list-item,.template-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.step-type-card:hover,.workflow-list-item:hover,.template-card:hover{border-color:#4f46e5;background:#f8fafc}.step-type-icon{width:48px;height:48px;border-radius:12px;background:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.step-type-info,.template-info{flex:1;min-width:0}.step-type-title,.template-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.step-type-description,.template-description{font-size:14px;color:#64748b}.workflow-actions{display:flex;gap:8px;flex-shrink:0}.workflow-type{font-size:11px;padding:4px 8px;background:#f1f5f9;border-radius:4px;color:#64748b;text-transform:capitalize}.workflow-description{font-size:13px;color:#64748b;margin-top:4px}.no-workflows{text-align:center;padding:60px 20px;color:#64748b}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-title{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:8px}.empty-text{font-size:14px;color:#64748b;margin-bottom:24px}.confirm-modal .modal-content{padding:20px}.confirm-modal p{margin:0 0 20px;color:#475569;line-height:1.6}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.delete-btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background:#f1f5f9;color:#334155}.cancel-btn:hover{background:#e2e8f0}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.condition-builder{background:#f8fafc;border-radius:8px;padding:16px;margin-top:12px}.condition-header{background:#4f46e5;color:#fff;padding:8px 12px;border-radius:6px;margin-bottom:12px;text-align:center;font-weight:600;font-size:13px}.if-else-builder,.switch-builder{background:#fff;border-radius:8px;padding:12px;border:1px solid #e2e8f0}.condition-rules,.switch-cases{display:flex;flex-direction:column;gap:8px}.condition-rule,.switch-case{background:#f8fafc;border-radius:6px;padding:12px;border:1px solid #e2e8f0}.condition-row{display:flex;flex-direction:column;gap:8px}.field-select,.operator-select,.value-input,.case-value-input,.condition-type-select{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;background:#fff;color:#1e293b}.field-select:focus,.operator-select:focus,.value-input:focus,.case-value-input:focus,.condition-type-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.remove-condition-btn,.remove-case-btn{padding:6px 12px;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.remove-condition-btn:hover,.remove-case-btn:hover{background:#fca5a5;color:#fff}.add-condition-btn,.add-case-btn,.add-step-to-branch{background:#d1fae5;border:1px dashed #10b981;color:#065f46;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.add-condition-btn:hover,.add-case-btn:hover,.add-step-to-branch:hover{background:#10b981;color:#fff;border-style:solid}@media(max-width:1024px){.workflow-studio-power-automate{flex-direction:column}.sidebar-modern{width:100%;height:auto;max-height:200px;border-right:none;border-bottom:1px solid #e2e8f0}.properties-panel{width:100%;height:auto;max-height:300px;border-left:none;border-top:1px solid #e2e8f0}}@media(max-width:768px){.flow-canvas{padding:20px}.top-nav{flex-direction:column;gap:16px;align-items:stretch}.step-card{padding:16px}.step-selector-modal,.workflow-list-modal{width:95%;margin:20px}}@media(min-width:600px){.condition-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--elev-1: 0 6px 20px rgba(2, 6, 23, .06);--elev-2: 0 12px 32px rgba(2, 6, 23, .12)}.asset-workflow-dashboard.enhanced{padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dashboard-error{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;padding:24px;text-align:center;color:#dc2626}.retry-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:12px}.retry-btn:hover{background:#b91c1c}.dashboard-header{margin-bottom:32px}.dashboard-header h2{margin:0 0 20px;color:#1e293b;font-size:28px;font-weight:700}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e2e8f0}.stat-card.total:before{background:#6366f1}.stat-card.workflows:before{background:#8b5cf6}.stat-card.pending:before{background:#f59e0b}.stat-card.completed:before{background:#10b981}.stat-card.in-progress:before{background:#3b82f6}.stat-card.failed:before{background:#ef4444}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-number{display:block;font-size:32px;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-label{display:block;font-size:14px;color:#64748b;font-weight:500}.dashboard-controls{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.filter-section{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;min-width:140px;cursor:pointer}.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.refresh-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.refresh-btn:hover{background:#2563eb;transform:translateY(-1px)}.assets-grid.enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.asset-card.enhanced{box-shadow:var(--elev-1);transition:transform .2s ease,box-shadow .2s ease;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.asset-card.enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e2e8f0}.asset-card.enhanced.waiting_approval{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fff)}.asset-card.enhanced.waiting_approval:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.asset-card.enhanced.completed{border-color:#34d399;background:linear-gradient(135deg,#ecfdf5,#fff)}.asset-card.enhanced.completed:before{background:linear-gradient(90deg,#10b981,#34d399)}.asset-card.enhanced.failed{border-color:#f87171;background:linear-gradient(135deg,#fef2f2,#fff)}.asset-card.enhanced.failed:before{background:linear-gradient(90deg,#ef4444,#f87171)}.asset-card.enhanced.in_progress{border-color:#60a5fa;background:linear-gradient(135deg,#eff6ff,#fff)}.asset-card.enhanced.in_progress:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.asset-card.enhanced.no_workflow:before{background:#9ca3af}.asset-card.enhanced:hover{transform:translateY(-2px);box-shadow:var(--elev-2);transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.asset-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.asset-info{display:flex;align-items:center;gap:12px;flex:1}.file-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px}.asset-details h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1e293b;line-height:1.2}.asset-type{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px}.asset-status-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.asset-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff;letter-spacing:.5px}.workflow-status-badge{display:flex;align-items:center;gap:4px;font-weight:600;white-space:nowrap}.workflow-progress{margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.progress-text{font-size:12px;font-weight:600;color:#64748b}.workflow-info{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.workflow-summary strong{color:#1e293b;font-size:14px;display:block;margin-bottom:8px}.workflow-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.workflow-meta span{font-size:12px;color:#64748b}.current-step{background:#e0f2fe;border:1px solid #b3e5fc;border-radius:6px;padding:8px;margin-bottom:12px;font-size:13px}.current-step strong{color:#0277bd}.step-type{color:#64748b;font-size:11px;margin-left:4px}.pending-actions{background:#fff7ed;border:2px solid #fed7aa;border-radius:8px;padding:12px;margin-bottom:12px}.pending-actions.urgent{background:#fef2f2;border-color:#fecaca;animation:pulse-urgent 2s infinite}@keyframes pulse-urgent{0%,to{border-color:#fecaca}50%{border-color:#f87171}}.pending-actions h5{margin:0 0 8px;color:#ea580c;font-size:14px;font-weight:700}.pending-actions.urgent h5{color:#dc2626}.pending-action{background:#fff;border-radius:6px;padding:12px;margin-bottom:8px;border:1px solid #e2e8f0}.action-info{margin-bottom:12px}.action-info strong{color:#1e293b;font-size:14px;display:block;margin-bottom:4px}.action-info p{margin:0 0 8px;font-size:13px;color:#64748b}.due-date{font-size:11px;color:#dc2626;font-weight:600;background:#fee2e2;padding:2px 6px;border-radius:4px}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:8px 16px;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.workflow-stats{display:flex;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #e2e8f0}.workflow-stats .stat{font-size:12px;color:#64748b;background:#fff;padding:4px 8px;border-radius:12px;border:1px solid #e2e8f0;font-weight:500}.no-workflow-info{text-align:center;padding:20px;color:#64748b}.no-workflow-info p{margin:0 0 8px;font-style:italic}.created-date{font-size:12px;color:#9ca3af}.no-assets{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:2px dashed #d1d5db}.no-assets h3{margin:0 0 8px;color:#64748b;font-size:20px}.no-assets p{margin:0;color:#9ca3af}@media(max-width:768px){.asset-workflow-dashboard.enhanced{padding:16px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-controls{flex-direction:column;align-items:stretch}.filter-section{justify-content:space-between}.assets-grid.enhanced{grid-template-columns:1fr}.asset-header{flex-direction:column;gap:12px}.asset-status-badges{align-items:flex-start;flex-direction:row;gap:8px}}@media(max-width:480px){.dashboard-stats{grid-template-columns:1fr}.filter-section{flex-direction:column;gap:12px}.filter-group{width:100%}.filter-group select{min-width:auto;width:100%}}.asset-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.asset-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.click-hint{margin-top:8px;font-size:12px;color:#6b7280;font-style:italic;text-align:center;padding:4px 8px;background:#f8fafc;border-radius:4px;border:1px dashed #d1d5db}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalFadeIn .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background:#e5e7eb;color:#374151}.modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-tabs button{flex:1;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease;border-bottom:2px solid transparent}.modal-tabs button:hover{color:#374151;background:#f3f4f6}.modal-tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#fff}.modal-body{padding:24px;max-height:60vh;overflow-y:auto;color:#374151}.timeline-view h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.timeline-view p{color:#6b7280;font-size:14px}.timeline-list{margin-top:16px}.timeline-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #f3f4f6}.timeline-item:last-child{border-bottom:none}.timeline-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;flex-shrink:0}.timeline-content{flex:1}.timeline-title{font-weight:600;color:#111827;margin-bottom:4px;font-size:14px}.timeline-description{color:#6b7280;font-size:14px;margin-bottom:4px}.timeline-timestamp{color:#9ca3af;font-size:12px;margin-bottom:8px}.timeline-details{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-top:8px}.timeline-details pre{margin:0;font-size:11px;color:#374151;white-space:pre-wrap;word-break:break-word}.executions-view h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.executions-view p{color:#6b7280;font-size:14px}.executions-list{margin-top:16px}.execution-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.execution-item h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#111827}.execution-item p{margin:4px 0;font-size:13px;color:#6b7280}.execution-item p strong{color:#374151}.execution-item .error{color:#dc2626;background:#fef2f2;padding:8px;border-radius:4px;border:1px solid #fecaca}.history-view h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.history-view p{color:#6b7280;font-size:14px}.steps-view h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.execution-steps{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.execution-steps h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.execution-summary{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.step-stat{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.step-stat.success{background:#dcfce7;color:#166534}.step-stat.failed{background:#fef2f2;color:#dc2626}.step-stat.total{background:#dbeafe;color:#1e40af}.node-results h5{margin:0 0 12px;font-size:13px;font-weight:600;color:#374151}.node-result{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:8px}.node-result.completed{border-left:4px solid #10b981}.node-result.failed{border-left:4px solid #ef4444}.node-result.skipped{border-left:4px solid #f59e0b;background:#fffbeb}.node-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.node-icon{font-size:16px}.node-name{font-weight:600;color:#111827;font-size:13px}.node-type{background:#f3f4f6;color:#6b7280;padding:2px 6px;border-radius:4px;font-size:11px}.node-status{background:#e5e7eb;color:#374151;padding:2px 6px;border-radius:4px;font-size:11px;text-transform:capitalize}.node-time{color:#6b7280;font-size:12px;margin:4px 0}.node-output{margin-top:8px}.node-output strong{color:#374151;font-size:12px}.node-output pre{background:#f8fafc;border:1px solid #e5e7eb;border-radius:4px;padding:8px;margin-top:4px;font-size:10px;color:#374151;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.node-error{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:8px;margin-top:8px;color:#dc2626;font-size:12px}.node-skip-reason{background:#fffbeb;border:1px solid #fed7aa;border-radius:4px;padding:8px;margin-top:8px;color:#d97706;font-size:12px}.no-node-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-top:12px}.no-node-details p{margin:0 0 8px;color:#374151;font-size:13px}.no-node-details ul{margin:8px 0;padding-left:20px;color:#6b7280;font-size:12px}.no-node-details li{margin-bottom:4px}.no-node-details .note{margin-top:12px;font-style:italic;color:#9ca3af;font-size:11px}.reconstructed-workflow{margin:12px 0;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.workflow-step{padding:12px 0;border-bottom:1px solid #e5e7eb}.workflow-step:last-child{border-bottom:none}.workflow-step.completed{border-left:4px solid #059669;padding-left:12px}.workflow-step.failed{border-left:4px solid #dc2626;padding-left:12px}.workflow-step.skipped{border-left:4px solid #d97706;padding-left:12px}.step-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.step-icon{font-size:16px;width:24px;text-align:center}.step-name{flex:1;font-weight:600;font-size:14px;color:#111827}.step-status{font-size:11px;padding:2px 6px;border-radius:4px;background:#dcfce7;color:#166534;font-weight:600}.step-details{margin-left:32px;padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.step-details p{margin:4px 0;font-size:12px;color:#374151}.step-details strong{color:#111827;font-weight:600}.workflow-step.failed .step-status{background:#fef2f2;color:#dc2626}.workflow-step.skipped .step-status{background:#fffbeb;color:#d97706}.execution-summary{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:16px}.modal-body{padding:16px;max-height:70vh}.modal-tabs button{padding:10px 12px;font-size:13px}.timeline-item{gap:8px}.timeline-icon{width:28px;height:28px;font-size:16px}}.client-review-portal{padding:20px;max-width:1200px;margin:0 auto}.portal-header{text-align:center;margin-bottom:30px}.portal-header h1{color:#2c3e50;margin-bottom:10px}.portal-header p{color:#7f8c8d;font-size:16px}.filter-controls{margin-bottom:30px;display:flex;align-items:center;gap:10px}.filter-controls label{font-weight:600;color:#2c3e50}.filter-controls select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.asset-review-card{border:1px solid #e1e8ed;border-radius:8px;padding:20px;background:#fff;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.asset-review-card:hover{box-shadow:0 4px 8px #00000026}.asset-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.asset-header h3{margin:0;color:#2c3e50;font-size:18px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-review{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-needs_changes{background:#d1ecf1;color:#0c5460}.asset-preview{margin-bottom:15px;text-align:center;background:#f8f9fa;border-radius:4px;padding:10px;min-height:120px;display:flex;align-items:center;justify-content:center}.asset-preview-image{max-width:100%;max-height:200px;border-radius:4px;object-fit:contain}.asset-preview-file{display:flex;flex-direction:column;align-items:center;gap:10px}.file-icon{font-size:48px}.file-name{font-size:14px;color:#6c757d;word-break:break-all}.asset-details{margin-bottom:20px}.asset-details p{margin:5px 0;font-size:14px;color:#495057}.asset-details strong{color:#2c3e50}.review-actions{margin-bottom:20px}.review-notes{width:100%;min-height:80px;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;margin-bottom:15px}.review-notes:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;flex:1;min-width:100px}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.comments-section{border-top:1px solid #e1e8ed;padding-top:15px}.toggle-comments{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:5px 0}.toggle-comments:hover{text-decoration:underline}.comments-container{margin-top:15px}.add-comment{margin-bottom:15px}.comment-input{width:100%;min-height:60px;padding:8px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;margin-bottom:10px}.comments-list{max-height:300px;overflow-y:auto}.comment{padding:10px;border:1px solid #e1e8ed;border-radius:4px;margin-bottom:10px;background:#f8f9fa}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.comment-header strong{color:#2c3e50;font-size:14px}.comment-date{color:#6c757d;font-size:12px}.comment-text{margin:5px 0;font-size:14px;color:#495057;line-height:1.4}.comment-type{display:inline-block;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.comment-type.approval{background:#d4edda;color:#155724}.comment-type.rejection{background:#f8d7da;color:#721c24}.comment-type.change_request{background:#d1ecf1;color:#0c5460}.loading{text-align:center;padding:40px;color:#6c757d;font-size:16px}.no-assets{grid-column:1 / -1;text-align:center;padding:40px;color:#6c757d}.no-assets h3{margin-bottom:10px;color:#495057}@media(max-width:768px){.assets-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{flex:none}.filter-controls{flex-direction:column;align-items:flex-start}}.comment-annotation{border-left:4px solid #007bff!important;background:linear-gradient(to right,rgba(0,123,255,.05),transparent)!important}.annotation-badge{background:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;margin-left:8px}.annotation-info{margin-top:8px;padding:6px 10px;background:#007bff1a;border-radius:4px;border:1px solid rgba(0,123,255,.2)}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--gray-950: #09090b;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--info-500: #06b6d4;--info-600: #0891b2;--accent-violet: #8b5cf6;--accent-indigo: #6366f1;--accent-pink: #ec4899;--accent-emerald: #10b981;--dark-bg: #0a0a0a;--dark-surface: #18181b;--dark-surface-elevated: #27272a;--dark-border: #27272a;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-blur: blur(12px);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--glow-primary: 0 0 20px rgba(14, 165, 233, .15);--glow-success: 0 0 20px rgba(34, 197, 94, .15);--glow-danger: 0 0 20px rgba(239, 68, 68, .15);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-all: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-overlay: 1200;--z-modal: 1300;--z-popover: 1400;--z-tooltip: 1500}.anno-editor{min-height:100vh;height:100vh;background:#fff;position:relative;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,sans-serif;color:var(--gray-900);overflow:auto;overscroll-behavior:contain}.anno-sidebar{background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 20px 40px #0000001a,inset 0 0 0 1px #ffffff80;position:relative;z-index:10;transition:var(--transition-all)}.anno-sidebar:hover{background:#ffffffe6;box-shadow:0 25px 50px #00000026,inset 0 0 0 1px #ffffffb3;transform:translateY(-2px)}.anno-sidebar-header{padding:var(--space-6);background:linear-gradient(135deg,#ffffff1a,#fff0);border-bottom:1px solid rgba(0,0,0,.06);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.anno-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2)}.anno-sidebar-section{padding:var(--space-5);margin:var(--space-2);background:#ffffff80;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base)}.anno-sidebar-section:hover{background:#ffffffb3;box-shadow:0 4px 12px #0000000d}.anno-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);cursor:pointer;position:relative;overflow:hidden;text-transform:none;letter-spacing:.025em;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;background:linear-gradient(135deg,var(--gray-100),var(--gray-200));color:var(--gray-700);box-shadow:0 2px 4px #0000000d,inset 0 1px 2px #ffffffe6}.anno-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.3));opacity:0;transition:opacity var(--transition-fast)}.anno-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a,inset 0 1px 2px #ffffffe6}.anno-btn:hover:before{opacity:1}.anno-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a,inset 0 1px 3px #0000001a}.anno-btn.primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 4px 14px #0ea5e940,inset 0 1px 2px #fff3}.anno-btn.primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 6px 20px #0ea5e959,inset 0 1px 2px #fff3}.anno-btn.success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;box-shadow:0 4px 14px #22c55e40,inset 0 1px 2px #fff3}.anno-btn.success:hover{background:linear-gradient(135deg,var(--success-600),#059669);box-shadow:0 6px 20px #22c55e59,inset 0 1px 2px #fff3}.anno-btn.danger{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff;box-shadow:0 4px 14px #ef444440,inset 0 1px 2px #fff3}.anno-btn.danger:hover{background:linear-gradient(135deg,var(--danger-600),#b91c1c);box-shadow:0 6px 20px #ef444459,inset 0 1px 2px #fff3}.anno-btn.ghost{background:transparent;color:var(--gray-700);box-shadow:none;border:1px solid var(--gray-300)}.anno-btn.ghost:hover{background:#ffffff80;border-color:var(--gray-400);box-shadow:0 2px 8px #0000000d}.anno-btn.small{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:32px}.anno-btn.large{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);min-height:48px}.anno-btn.xl{padding:var(--space-5) var(--space-8);font-size:var(--font-size-lg);min-height:56px;font-weight:var(--font-weight-semibold)}.anno-input,.anno-textarea,.anno-select{width:100%;padding:var(--space-3) var(--space-4);background:#ffffffe6;border:2px solid rgba(0,0,0,.08);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--gray-800);transition:var(--transition-all);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.anno-input:focus,.anno-textarea:focus,.anno-select:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 4px #0ea5e91a,0 2px 8px #0000000d}.anno-input::placeholder,.anno-textarea::placeholder{color:var(--gray-400)}.anno-textarea{resize:vertical;min-height:100px;line-height:1.6}.anno-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:20px;padding-right:var(--space-10);cursor:pointer}.anno-panel{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:0 4px 6px #0000000d;transition:var(--transition-base)}.anno-panel:hover{background:#ffffffb3;box-shadow:0 8px 16px #00000014}.anno-panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-1) 0;letter-spacing:-.025em}.anno-panel-subtitle{font-size:var(--font-size-sm);color:var(--gray-500);margin:0;font-weight:var(--font-weight-normal)}.anno-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.025em;transition:var(--transition-fast)}.anno-badge.priority-low{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff;box-shadow:0 2px 8px #22c55e33}.anno-badge.priority-medium{background:linear-gradient(135deg,#fde047,#f59e0b);color:#fff;box-shadow:0 2px 8px #f59e0b33}.anno-badge.priority-high{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;box-shadow:0 2px 8px #ea580c33}.anno-badge.priority-critical{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;box-shadow:0 2px 8px #dc262633}.anno-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.anno-scroll::-webkit-scrollbar{width:6px;height:6px}.anno-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:var(--radius-full);transition:background var(--transition-fast)}.anno-scroll::-webkit-scrollbar-thumb:hover{background:#0000004d}.anno-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition-base)}.anno-modal{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040,inset 0 0 0 1px #ffffff80;max-width:520px;width:100%;max-height:85vh;overflow:hidden;animation:slideUpScale var(--transition-slow) cubic-bezier(.34,1.56,.64,1)}.anno-modal-header{padding:var(--space-6);background:linear-gradient(135deg,#ffffff1a,#fff0);border-bottom:1px solid rgba(0,0,0,.06)}.anno-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0;letter-spacing:-.025em}.anno-modal-content{padding:var(--space-6);overflow-y:auto}.anno-modal-footer{padding:var(--space-6);background:linear-gradient(135deg,#ffffff0d,#fff0);border-top:1px solid rgba(0,0,0,.06);display:flex;gap:var(--space-3);justify-content:flex-end}.main-toolbar{background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-2);box-shadow:0 20px 40px #0000001a,inset 0 0 0 1px #ffffff80}.anno-sidebar.compact{width:220px!important;maxWidth:220px!important;overflow-y:auto!important;overflow-x:hidden!important;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)!important;border:2px solid #1e40af!important;box-shadow:0 8px 32px #1e40af26,inset 0 1px #ffffff80!important}.anno-sidebar.compact .anno-sidebar-content{padding:var(--space-2);gap:var(--space-2);min-height:fit-content}.anno-sidebar.compact .anno-sidebar-header{padding:var(--space-2);margin-bottom:var(--space-1)}.anno-sidebar.compact .anno-panel-title{font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.anno-sidebar.compact .anno-sidebar-section{margin-bottom:var(--space-2);padding:var(--space-2)}.anno-sidebar.compact .anno-panel{padding:var(--space-2)}.anno-sidebar.compact .compact-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);width:100%}.anno-sidebar.compact .compact-row>*:not(.compact-colors){flex:1;min-width:0}.anno-sidebar.compact .compact-colors{flex:none}.anno-sidebar.compact .compact-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:100%}.anno-sidebar.compact .compact-color-btn{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s ease;justify-self:center;box-shadow:0 2px 4px #0000001a}.anno-sidebar.compact .compact-color-btn:hover{transform:scale(1.15);box-shadow:0 4px 12px #0000004d;z-index:10;position:relative}.anno-sidebar.compact .compact-color-btn.selected{border-color:#000;transform:scale(1.1)}.anno-sidebar.compact .compact-color-btn.selected:hover{transform:scale(1.2)}.anno-sidebar.compact .compact-controls{display:flex;gap:var(--space-1);align-items:center}.anno-sidebar.compact .compact-slider{flex:1;height:20px}.anno-sidebar.compact .compact-btn{padding:4px 8px;font-size:11px;border-radius:4px;border:1px solid #ddd;background:#f8f9fa;color:#374151;cursor:pointer;transition:all .15s ease;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anno-sidebar.compact .compact-btn:hover{background:#e9ecef;color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 8px #00000026;z-index:10;position:relative}.anno-sidebar.compact .compact-btn:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s}.anno-sidebar.compact .compact-btn:hover:after{opacity:1}.anno-sidebar.compact .compact-btn:disabled{background:#f1f5f9;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.anno-sidebar.compact .compact-btn.primary{background:#0ea5e9;color:#fff;border-color:#0284c7}.anno-sidebar.compact .compact-btn.danger{background:#ef4444;color:#fff;border-color:#dc2626}.anno-sidebar.compact .compact-btn.danger:disabled{background:#f87171;color:#fca5a5;cursor:not-allowed}.anno-sidebar.compact .compact-select{padding:4px 8px;font-size:11px;border-radius:4px;border:1px solid #ddd;background:#fff;color:#374151;flex:1}.anno-sidebar.compact .compact-select option{color:#374151;background:#fff}.anno-sidebar.compact .compact-input-group{display:flex;align-items:center;gap:4px;margin-bottom:4px}.anno-sidebar.compact .compact-label{font-size:10px;min-width:20px;color:#666}.anno-sidebar.compact .compact-value{font-size:9px;min-width:25px;color:#888}.main-toolbar-btn{background:transparent!important;border:2px solid transparent!important;border-radius:var(--radius-lg)!important;color:var(--gray-600)!important;padding:var(--space-3)!important;transition:var(--transition-all)!important;position:relative}.main-toolbar-btn:hover{background:#0000000d!important;color:var(--gray-900)!important;transform:translateY(-1px)}.main-toolbar-btn.active{background:linear-gradient(135deg,var(--primary-100),var(--primary-200))!important;border-color:var(--primary-300)!important;color:var(--primary-700)!important;box-shadow:0 2px 8px #0ea5e926}.anno-sidebar{width:320px;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.anno-sidebar-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--surface-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.anno-sidebar-content{flex:1;overflow:auto;display:flex;flex-direction:column}.anno-sidebar-section{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary)}.anno-sidebar-section:last-child{border-bottom:none}.anno-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.anno-scroll::-webkit-scrollbar{width:8px;height:8px}.anno-scroll::-webkit-scrollbar-track{background:transparent}.anno-scroll::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px;border:2px solid transparent;background-clip:content-box}.anno-scroll::-webkit-scrollbar-thumb:hover{background:var(--gray-400);background-clip:content-box}.anno-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:var(--transition-fast)}.anno-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.anno-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.anno-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px;padding-right:var(--space-10)}.anno-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.anno-modal{background:var(--surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.anno-modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);background:var(--surface-secondary)}.anno-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.anno-modal-content{padding:var(--space-6);flex:1;overflow-y:auto}.anno-modal-footer{padding:var(--space-6);border-top:1px solid var(--border-primary);background:var(--surface-secondary);display:flex;gap:var(--space-3);justify-content:flex-end}.anno-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.anno-badge.priority-low{background:#dcfce7;color:#166534}.anno-badge.priority-medium{background:#fef3c7;color:#92400e}.anno-badge.priority-high{background:#fed7d7;color:#991b1b}.anno-badge.priority-critical{background:#fecaca;color:#7f1d1d}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.anno-header{height:56px;padding:0 var(--space-4)}.anno-sidebar{width:100%;max-height:50vh}.main-toolbar{padding:var(--space-2);gap:var(--space-1)}.anno-modal{margin:var(--space-4);max-height:calc(100vh - 2rem)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-up{animation:slideUp var(--transition-normal) ease-out}.crp-container{max-width:100%;margin:0 auto;padding:.625rem;background:#f8f9fa;min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.crp-container.crp--mobile{padding:1rem .5rem}.crp-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.125rem;color:#6c757d}.crp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.crp-title h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.crp-title p{margin:0;color:#6c757d;font-size:1rem}.crp-tools{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.crp-search input{padding:.75rem 1rem;border:1px solid #ced4da;border-radius:8px;font-size:.9rem;min-width:250px;background:#fff;transition:all .2s ease}.crp-search input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.crp-select{padding:.75rem 1rem;border:1px solid #ced4da;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.crp-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.crp-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap;letter-spacing:-.01em}.crp-btn.primary{background:#2383e2;color:#fff;box-shadow:0 1px 2px #00000014}.crp-btn.primary:hover{background:#1a6dc7;box-shadow:0 2px 4px #0000001f}.crp-btn.secondary{background:#37352f14;color:#37352f}.crp-btn.secondary:hover{background:#37352f29}.crp-btn.success{background:#0f7b6c;color:#fff}.crp-btn.success:hover{background:#0d6b5e}.crp-btn.warning{background:#ffa344;color:#fff}.crp-btn.warning:hover{background:#e68f3a}.crp-btn.danger{background:#eb5757;color:#fff}.crp-btn.danger:hover{background:#d14343}.crp-btn.ghost{background:transparent;color:#37352f99;border:1px solid rgba(0,0,0,.09)}.crp-btn.ghost:hover{background:#37352f14;border-color:#0000001f;color:#37352f}.crp-btn.small{padding:6px 12px;font-size:13px}.crp-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.crp-alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.crp-alert.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.crp-grid{display:grid;gap:2rem;grid-template-columns:1fr}.crp-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.crp-card{height:100%;display:flex;flex-direction:column}.crp-card-header{padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.crp-card-header.split{display:flex;justify-content:space-between;align-items:center;gap:1rem}.crp-card-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50}.crp-view-controls{display:flex;align-items:center;gap:1rem}.crp-meta{font-size:.875rem;color:#6c757d;font-weight:500}.crp-view-options{display:flex;align-items:center;gap:.5rem}.crp-view-btn{padding:.5rem;border:1px solid #ced4da;background:#fff;border-radius:6px;cursor:pointer;color:#6c757d;font-size:.875rem;transition:all .2s ease}.crp-view-btn:hover{background:#f8f9fa;border-color:#adb5bd}.crp-view-btn.active{background:#007bff;color:#fff;border-color:#007bff}.crp-items-select{padding:.5rem .75rem;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:.875rem;cursor:pointer}.crp-assets-grid{padding:1.5rem;display:grid;gap:1.5rem;min-height:400px}.crp-assets-grid.comfortable{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.crp-assets-grid.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.crp-asset-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f;position:relative}.crp-asset-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#007bff}.crp-asset-card.compact{border-radius:12px}.crp-asset-card.compact:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001f}.crp-asset-preview{height:250px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e9ecef;overflow:hidden;position:relative;cursor:pointer}.crp-asset-card.compact .crp-asset-preview{height:180px}.crp-asset-preview-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.crp-asset-preview:hover .crp-asset-preview-image{transform:scale(1.05)}.crp-preview-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.crp-asset-preview:hover .crp-preview-overlay{opacity:1}.crp-preview-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.crp-preview-btn:hover{background:#0056b3;transform:translateY(-1px)}.crp-asset-preview.image-error{background:#f8f9fa;border:2px dashed #dee2e6}.crp-asset-preview.image-error:after{content:"❌ Image failed to load";color:#6c757d;font-size:.875rem}.crp-image-loading,.crp-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;gap:1rem}.crp-loading-spinner,.crp-error-icon{font-size:2rem;margin-bottom:.5rem}.crp-image-loading span,.crp-image-error span{color:#6c757d;font-size:.875rem;font-weight:500}.crp-retry-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.crp-retry-btn:hover{background:#0056b3;transform:translateY(-1px)}.crp-asset-preview-file{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}.crp-file-icon{font-size:3rem;margin-bottom:.5rem;opacity:.6}.crp-file-name{font-size:.875rem;color:#6c757d;font-weight:500;word-break:break-all}.crp-asset-info{padding:1.2rem;flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#f8f9fa)}.crp-asset-card.compact .crp-asset-info{padding:1rem}.crp-asset-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;gap:.75rem}.crp-asset-name{margin:0;font-size:1.1rem;font-weight:700;color:#14171a;line-height:1.25;flex:1;font-family:var(--font-family)}.crp-asset-card.compact .crp-asset-name{font-size:1rem}.crp-status-badge{padding:6px 12px;border-radius:12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;box-shadow:0 4px 8px #00000026,inset 0 1px #ffffff4d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.crp-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.crp-status-badge:hover:before{left:100%}.crp-status-badge[style*="background-color: rgb(40, 167, 69)"]{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 12px #10b98166,inset 0 1px #ffffff4d!important}.crp-status-badge[style*="background-color: rgb(220, 53, 69)"]{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 4px 12px #ef444466,inset 0 1px #ffffff4d!important}.crp-status-badge[style*="background-color: rgb(255, 193, 7)"]{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#1f2937!important;box-shadow:0 4px 12px #fbbf2466,inset 0 1px #ffffff80!important}.crp-status-badge[style*="background-color: rgb(253, 126, 20)"]{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;box-shadow:0 4px 12px #f9731666,inset 0 1px #ffffff4d!important}.crp-asset-details{margin-bottom:1rem;background:#fff9;padding:.8rem;border-radius:8px;border:1px solid rgba(29,161,242,.1)}.crp-asset-details p{margin:0 0 .4rem;font-size:.85rem;color:#536471;display:flex;align-items:center;gap:.5rem}.crp-asset-details p:last-child{margin-bottom:0}.crp-filename{font-weight:600!important;color:#14171a!important}.crp-filename:before{content:"📎";margin-right:.25rem}.crp-brand{font-weight:600!important;color:#1da1f2!important}.crp-brand:before{content:"🏢";margin-right:.25rem}.crp-date:before{content:"📅";margin-right:.25rem}.crp-description{margin-top:.8rem!important;color:#14171a!important;font-style:normal;background:#1da1f20d;border-left:3px solid #1da1f2;padding:.8rem;border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.4}.crp-quick-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;margin-top:.8rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-top:1px solid rgba(29,161,242,.1);border-radius:0 0 16px 16px}.crp-quick-btn{padding:12px 16px;border:none;border-radius:16px;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-height:44px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px}.crp-quick-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0}.crp-quick-btn:hover:before{width:300%;height:300%}.crp-quick-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #00000040}.crp-quick-btn:active{transform:translateY(-1px) scale(1.02)}.crp-quick-btn>*{position:relative;z-index:1}.crp-quick-btn.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98166}.crp-quick-btn.approve:hover{box-shadow:0 8px 25px #10b98199;background:linear-gradient(135deg,#059669,#047857)}.crp-quick-btn.changes{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b66}.crp-quick-btn.changes:hover{box-shadow:0 8px 25px #f59e0b99;background:linear-gradient(135deg,#d97706,#b45309)}.crp-quick-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444466}.crp-quick-btn.reject:hover{box-shadow:0 8px 25px #ef444499;background:linear-gradient(135deg,#dc2626,#b91c1c)}.crp-quick-btn.details{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f666}.crp-quick-btn.details:hover{box-shadow:0 8px 25px #3b82f699;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.crp-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.crp-empty .emoji{font-size:4rem;margin-bottom:1rem;opacity:.6}.crp-empty .title{font-size:1.5rem;font-weight:600;color:#495057;margin-bottom:.5rem}.crp-empty .hint{color:#6c757d;font-size:1rem}.crp-pagination{padding:1.5rem 2rem;border-top:1px solid rgba(29,161,242,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 -2px 8px #0000000d}.crp-pagination-info{font-size:.9rem;color:#536471;font-weight:600;background:#1da1f21a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(29,161,242,.2)}.crp-pagination-btn{padding:.75rem 1.25rem;border:2px solid #1da1f2;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:25px;cursor:pointer;color:#1da1f2;font-weight:700;font-size:.9rem;transition:all .3s ease;margin:0 .5rem;box-shadow:0 2px 4px #1da1f233;min-width:3rem;display:flex;align-items:center;justify-content:center}.crp-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1da1f24d}.crp-pagination-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#e1e8ed;color:#8899a6;background:#f7f9fa;transform:none;box-shadow:none}.crp-modal-overlay{position:fixed;inset:0;background:#0f0f0f99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.crp-modal{background:#fff;border-radius:8px;box-shadow:0 16px 70px #0003;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.crp-asset-modal{width:900px;max-width:90vw;max-height:90vh}.crp-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.crp-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937;letter-spacing:-.01em}.crp-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px 8px;border-radius:4px;transition:all .15s ease;line-height:1;display:flex;align-items:center;justify-content:center}.crp-close:hover{background:#f3f4f6;color:#1f2937}.crp-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(55,53,47,.16) transparent}.crp-modal-body::-webkit-scrollbar{width:8px}.crp-modal-body::-webkit-scrollbar-track{background:transparent}.crp-modal-body::-webkit-scrollbar-thumb{background:#37352f29;border-radius:4px}.crp-modal-body::-webkit-scrollbar-thumb:hover{background:#37352f3d}.crp-asset-detail-grid{display:grid;grid-template-columns:1fr 350px;min-height:600px;background:#fff}.crp-asset-preview-section{display:flex;flex-direction:column;padding:24px;background:#f8f9fa;border-right:1px solid #e5e7eb}.crp-large-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:400px;max-height:500px;box-shadow:0 1px 3px #0000001a}.crp-large-preview .crp-asset-preview-image{max-width:100%;max-height:100%;object-fit:contain}.crp-large-preview .crp-asset-preview-file{padding:3rem}.crp-large-preview .crp-file-icon{font-size:4rem;opacity:.3}.crp-asset-meta{background:transparent;padding:0;margin-top:0}.crp-meta-item{display:flex;flex-direction:column;margin-bottom:16px;gap:4px;font-size:14px;line-height:1.5}.crp-meta-item:last-child{margin-bottom:0}.crp-meta-item label{font-weight:600;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.crp-meta-item span{color:#1f2937;word-break:break-word;font-size:14px;font-weight:500}.crp-actions-section{display:flex;flex-direction:column;padding:24px;gap:20px;background:#fff;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.crp-actions-section::-webkit-scrollbar{width:8px}.crp-actions-section::-webkit-scrollbar-track{background:#f3f4f6}.crp-actions-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.crp-actions-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.crp-review-actions{background:#f9fafb;padding:16px;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d}.crp-review-actions h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#374151;letter-spacing:.5px;text-transform:uppercase}.crp-review-notes{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;resize:vertical;margin-bottom:12px;font-family:var(--font-family);color:#1f2937;background:#fff;line-height:1.5;min-height:80px;transition:all .15s ease}.crp-review-notes:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.crp-review-notes::placeholder{color:#9ca3af}.crp-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.crp-btn[data-label]{position:relative}.crp-btn[data-label]:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#37352ff2;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.crp-btn[data-label]:hover:after{opacity:1}.crp-icon-btn{position:relative}.crp-icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d!important}.crp-icon-btn[data-label]:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.crp-icon-btn[data-label]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.crp-icon-btn:hover[data-label]:after,.crp-icon-btn:hover[data-label]:before{opacity:1}.crp-btn svg,.crp-action-buttons svg{fill:currentColor;stroke:none}.crp-comments-section{background:transparent;padding:24px 0 0;border-top:1px solid rgba(0,0,0,.06)}.crp-comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.crp-comments-header h4{margin:0;font-size:14px;font-weight:600;color:#37352f;letter-spacing:-.01em}.crp-toggle-comments{background:none;border:none;color:#37352f99;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:4px;transition:all .15s ease;font-weight:500}.crp-toggle-comments:hover{background:#37352f14;color:#37352f}.crp-comments-container{display:flex;flex-direction:column;gap:12px}.crp-add-comment{display:flex;flex-direction:column;gap:8px}.crp-comment-input{width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.09);border-radius:4px;font-size:14px;resize:vertical;font-family:var(--font-family);color:#37352f;line-height:1.5;min-height:80px;transition:all .15s ease}.crp-comment-input:focus{outline:none;border-color:#2383e291;box-shadow:0 0 0 1px #2383e259}.crp-comment-input::placeholder{color:#37352f66}.crp-comments-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(55,53,47,.16) transparent}.crp-comments-list::-webkit-scrollbar{width:8px}.crp-comments-list::-webkit-scrollbar-track{background:transparent}.crp-comments-list::-webkit-scrollbar-thumb{background:#37352f29;border-radius:4px}.crp-comment{background:#f2f1ee99;border:none;border-radius:4px;padding:12px 14px;transition:background .15s ease}.crp-comment:hover{background:#f2f1eee6}.crp-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.crp-comment-date{font-size:12px;color:#37352f99}.crp-comment-text{margin:8px 0 0;color:#37352f;line-height:1.5;font-size:14px}.crp-comment-type{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:500;text-transform:capitalize}.crp-comment-type.approve{background:#2eaadc33;color:#0b6e99}.crp-comment-type.reject{background:#eb575733;color:#c13838}.crp-comment-type.request_changes{background:#ffa34433;color:#b36d00}.crp-no-comments{text-align:center;color:#37352f66;font-size:14px;padding:32px 16px}.crp-confirm-modal{width:400px}.crp-confirm-content{padding:2rem;text-align:center}.crp-confirm-icon{font-size:3rem;margin-bottom:1rem}.crp-confirm-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.crp-confirm-message{margin:0 0 2rem;color:#6c757d;line-height:1.5}.crp-confirm-actions{display:flex;gap:1rem;justify-content:center}.crp-success-modal{width:350px}.crp-success-content{padding:2rem;text-align:center}.crp-success-icon{font-size:3rem;margin-bottom:1rem}.crp-success-message{margin:0 0 2rem;color:#2c3e50;font-size:1.125rem;font-weight:500;line-height:1.5}@media(max-width:768px){.crp-container{padding:1rem .5rem}.crp-header{flex-direction:column;align-items:stretch;gap:1rem}.crp-tools{flex-direction:column;align-items:stretch}.crp-search input{min-width:auto;width:100%}.crp-assets-grid.comfortable,.crp-assets-grid.compact,.crp-asset-detail-grid{grid-template-columns:1fr;gap:1rem}.crp-action-buttons{grid-template-columns:1fr}.crp-modal{margin:.5rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.crp-asset-modal{width:auto;height:auto;max-height:calc(100vh - 1rem)}.crp-modal-body{padding:1rem}.crp-confirm-actions{flex-direction:column}}.crp-header-compact{padding:24px 32px!important;min-height:auto!important;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe)!important;background-size:400% 400%!important;animation:gradientShift 15s ease infinite!important;border:none!important;border-radius:0 0 24px 24px!important;box-shadow:0 8px 32px #667eea4d,0 4px 16px #764ba233!important;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.crp-header-compact:before{content:"";position:absolute;inset:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0}.crp-header-compact>*{position:relative;z-index:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.crp-title-compact h2{margin:0!important;font-size:28px!important;font-weight:800!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;letter-spacing:-.02em!important;white-space:nowrap;display:flex;align-items:center;gap:12px}.crp-title-compact h2 svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.crp-stat{background:linear-gradient(145deg,#fff,#f0f0f0);border:none;border-radius:20px;padding:20px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #fffc,inset 0 1px #fffc;min-width:160px;flex-shrink:0;cursor:pointer}.crp-stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--stat-color, #6b7280),transparent);border-radius:20px 20px 0 0;opacity:.8}.crp-stat:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,var(--stat-color, #6b7280) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease;opacity:.1;z-index:0}.crp-stat:hover{transform:translateY(-4px) scale(1.05);box-shadow:12px 12px 24px #a3b1c6cc,-12px -12px 24px #fff,inset 0 2px #fff}.crp-stat:hover:after{width:100%;height:100%;opacity:.15}.crp-stat:active{transform:translateY(-2px) scale(1.02);box-shadow:4px 4px 8px #a3b1c699,-4px -4px 8px #fffc,inset 2px 2px 4px #a3b1c64d}.crp-stat-content{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center;text-align:center;position:relative;z-index:1}.crp-stat-number{font-size:32px;font-weight:900;color:#1f2937;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,var(--stat-color, #6b7280),#1f2937);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crp-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:1px;font-weight:700;line-height:1.2}.crp-stat-activity{--stat-color: #06b6d4}.crp-stat-trend{width:100%;margin-top:4px}.crp-trend-indicator{display:inline-block;font-size:9px;font-weight:600;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;line-height:1}.crp-trend-indicator.urgent{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.crp-trend-indicator.positive{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.crp-trend-indicator.negative{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.crp-trend-indicator.warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.crp-trend-indicator.neutral{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.crp-trend-indicator.info{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.crp-tools-compact{display:flex;gap:12px;align-items:center}.crp-btn-compact{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .15s ease;color:#374151;font-weight:500;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.crp-btn-compact:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.crp-select-compact{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .15s ease;min-width:140px}.crp-select-compact:hover{border-color:#9ca3af}.crp-select-compact:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.crp-search-compact input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151;width:200px;transition:all .15s ease}.crp-search-compact input:hover{border-color:#9ca3af}.crp-search-compact input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.crp-compact-card{height:200px!important;min-height:200px!important;max-height:200px!important;display:flex!important;flex-direction:column!important}.crp-compact-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.crp-compact-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;min-height:36px;flex-shrink:0}.crp-status-info{display:flex;align-items:center;gap:6px}.crp-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.crp-file-type{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.crp-quick-actions-compact{display:flex;gap:4px;align-items:center}.crp-action-btn-compact{background:none;border:none;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:10px;line-height:1;transition:all .15s ease;color:#6b7280;display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px}.crp-action-btn-compact:hover{background:#0000000d;transform:scale(1.1)}.crp-action-btn-compact.approve:hover{background:#10b9811a;color:#10b981}.crp-action-btn-compact.changes:hover{background:#f59e0b1a;color:#f59e0b}.crp-action-btn-compact.reject:hover{background:#ef44441a;color:#ef4444}.crp-action-btn-compact.details:hover{background:#3b82f61a;color:#3b82f6}.crp-compact-content{display:flex;padding:12px 14px;gap:12px;flex:1;min-height:0;overflow:hidden}.crp-asset-preview-compact{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.crp-asset-preview-compact:hover{transform:scale(1.05)}.crp-asset-preview-compact img{width:100%;height:100%;object-fit:cover}.crp-asset-preview-compact .crp-asset-preview-file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;font-size:8px;text-align:center}.crp-asset-preview-compact .crp-file-icon{font-size:20px;margin-bottom:2px}.crp-asset-preview-compact .crp-file-name{display:none}.crp-asset-info-compact{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;justify-content:space-between}.crp-asset-name-compact{font-size:13px;font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crp-asset-meta-compact{display:flex;flex-direction:column;gap:2px;margin:2px 0}.crp-filename-compact{font-size:10px;color:#6b7280;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crp-brand-compact{font-size:9px;color:#9ca3af;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crp-asset-footer-compact{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:6px}.crp-date-compact{font-size:9px;color:#9ca3af;font-weight:500}.crp-status-badge-compact{font-size:7px;color:#fff;padding:2px 4px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.crp-assets-grid.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:14px!important}@media(max-width:768px){.crp-header-compact{padding:16px!important}.crp-header-top{flex-direction:column;align-items:stretch;gap:12px}.crp-title-compact h2{font-size:18px!important;text-align:center}.crp-tools-compact{gap:8px;flex-wrap:wrap;justify-content:center}.crp-search-compact input{width:140px}.crp-analytics-grid{gap:8px;flex-wrap:wrap;justify-content:flex-start}.crp-stat{min-width:110px;padding:10px 12px}.crp-stat-number{font-size:20px}.crp-stat-icon{font-size:18px}.crp-stat-label{font-size:10px}.crp-compact-card{height:180px!important;min-height:180px!important;max-height:180px!important}.crp-compact-header{padding:8px 12px;min-height:36px}.crp-compact-content{padding:10px 12px;gap:10px}.crp-asset-preview-compact{width:70px;height:70px}.crp-asset-name-compact{font-size:12px}.crp-assets-grid.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}}.crp-search-compact input{padding:12px 16px 12px 44px;border:2px solid rgba(255,255,255,.2);border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;color:#1f2937;width:280px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a,inset 0 1px #fff9}.crp-search-compact input:hover{border-color:#fff6;box-shadow:0 6px 20px #00000026,inset 0 1px #fffc}.crp-search-compact input:focus{outline:none;border-color:#6366f199;box-shadow:0 8px 25px #6366f14d,0 0 0 4px #6366f11a,inset 0 1px #fffc;transform:translateY(-2px)}.crp-search-compact:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;z-index:1}.crp-btn-compact{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 16px;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#1f2937;font-weight:600;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a,inset 0 1px #fff9}.crp-btn-compact:hover{background:#fff;border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 6px 20px #00000026,inset 0 1px #fffc}.crp-btn-compact:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff9}.crp-view-options{display:flex;align-items:center;gap:4px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:4px;box-shadow:0 4px 12px #0000001a,inset 0 1px #fff9}.crp-view-btn{padding:8px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#6b7280;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.crp-view-btn:hover{background:#6366f11a;color:#6366f1}.crp-view-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.crp-pagination{padding:24px 32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 12px #0000000d}.crp-pagination-btn{padding:12px 20px;border:2px solid rgba(99,102,241,.3);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;cursor:pointer;color:#6366f1;font-weight:700;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 8px;box-shadow:0 4px 12px #6366f133,inset 0 1px #fff9;min-width:48px;display:flex;align-items:center;justify-content:center}.crp-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #6366f166,inset 0 1px #ffffff4d}.crp-pagination-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#9ca3af4d;color:#9ca3af;background:#f3f4f680;transform:none;box-shadow:none}@keyframes modernSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.crp-loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top:3px solid #6366f1;border-radius:50%;animation:modernSpin 1s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 4px 12px #6366f14d}.crp-tooltip{position:relative}.crp-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 4px 12px #0000004d}.crp-tooltip:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.crp-tooltip:hover:after,.crp-tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(-4px)}@media(prefers-color-scheme:dark){.crp-asset-card{background:#1f2937f2;border-color:#4b55634d}.crp-stat{background:linear-gradient(145deg,#374151,#1f2937);color:#f9fafb}.crp-search-compact input,.crp-btn-compact{background:#1f2937e6;color:#f9fafb;border-color:#4b55634d}}.crp-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.crp-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.crp-table thead{background:#f8f9fa;border-bottom:1px solid #e5e7eb}.crp-table th{padding:8px 12px;font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #f1f5f9;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative;text-align:left;vertical-align:middle}.crp-table th:hover{background:#00000005;color:#374151}.crp-table th:last-child{border-right:none}.crp-sort-icon{margin-left:4px;font-size:9px;cursor:pointer;opacity:.6;transition:opacity .2s ease}.crp-table th:hover .crp-sort-icon{opacity:1}.crp-table tbody tr{transition:all .2s ease;cursor:pointer;position:relative}.crp-table tbody tr:nth-child(2n){background-color:#fafbfc}.crp-table tbody tr:nth-child(odd){background-color:#fff}.crp-table tbody tr:hover{background-color:#f3f4f6!important;box-shadow:0 1px 3px #0000001a}.crp-table td{padding:8px 12px;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:12px}.crp-table td:last-child{border-right:none}.crp-asset-info-cell{font-weight:500;font-size:12px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.crp-asset-info-cell .crp-info-icon{flex-shrink:0}.crp-table-status-badge{padding:3px 8px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;display:inline-block;color:#fff}.crp-table tbody tr.archived{background-color:#f3f4f6!important}.crp-table tbody tr.archived:nth-child(2n){background-color:#f3f4f6!important}.crp-table tbody tr.archived:hover{background-color:#e5e7eb!important}.crp-table tbody tr.archived td,.crp-table tbody tr.archived .crp-asset-info-cell{color:#6b7280}.crp-feedback-count{font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px}.crp-feedback-count.has-feedback{color:#8b5cf6}.crp-feedback-count.no-feedback{color:#9ca3af}.crp-user-info{font-size:11px;color:#374151;font-weight:500}.crp-category-cell{font-size:12px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crp-date-cell{font-size:12px;color:#6b7280}.crp-date-cell.clickable{color:#8b5cf6;cursor:pointer;text-decoration:underline}.crp-versions-cell{display:flex;align-items:center;justify-content:center;gap:4px}.crp-version-toggle{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;color:#3b82f6;transition:all .2s ease}.crp-version-toggle:hover{color:#2563eb;transform:scale(1.1)}.crp-version-count{font-size:12px;font-weight:600;color:#3b82f6;cursor:pointer;transition:all .2s ease}.crp-version-count:hover{color:#2563eb}.crp-version-count.single{color:#9ca3af;cursor:default}.crp-actions-cell{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:nowrap;position:relative}.crp-action-btn-small{padding:6px;font-size:14px;background:transparent;color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;position:relative}.crp-action-btn-small:hover{background-color:#f3f4f6;transform:scale(1.1)}.crp-action-btn-small[data-tooltip]{position:relative}.crp-action-btn-small[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.crp-action-btn-small[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.crp-action-btn-small:hover[data-tooltip]:after,.crp-action-btn-small:hover[data-tooltip]:before{opacity:1}.crp-more-actions-btn{padding:6px;background:transparent;color:#000;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.crp-more-actions-btn:hover{background-color:#f3f4f6;transform:scale(1.1)}.crp-actions-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:180px;overflow:hidden}.crp-dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:13px;color:#374151;display:flex;align-items:center;gap:8px;transition:all .2s ease}.crp-dropdown-item:hover{background:#f3f4f6;color:#1f2937}.crp-version-row{background:#f8fafc!important;border-left:3px solid #3b82f6}.crp-version-row.current{border-left-color:#10b981;background:#f0fdf4!important}.crp-version-row.archived{background:#f3f4f6!important;border-left-color:#9ca3af}.crp-version-row.archived td{color:#6b7280}.crp-version-info{display:flex;align-items:center;justify-content:center;gap:8px;padding-left:12px}.crp-version-info.latest{justify-content:center;padding-left:0}.crp-version-label{font-size:11px;font-weight:600}.crp-version-label.current{color:#10b981}.crp-version-label.archived{color:#6b7280}.crp-version-info[data-tooltip]{position:relative;cursor:help}.crp-version-info[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;max-width:300px;white-space:normal;text-align:left;line-height:1.4}.crp-version-info[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.crp-version-info:hover[data-tooltip]:after,.crp-version-info:hover[data-tooltip]:before{opacity:1}.crp-version-status{font-size:9px;font-weight:600;text-transform:uppercase}.crp-version-status.current{color:#10b981}.crp-version-status.archived{color:#9ca3af}.crp-version-number{font-size:10px;font-weight:600}.crp-version-number.current{color:#10b981}.crp-version-number.archived{color:#9ca3af}.crp-version-actions{display:flex;gap:4px;justify-content:center;align-items:center}.crp-version-btn{padding:4px;font-size:12px;background:transparent;color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;position:relative;margin:0 auto}.crp-version-btn:hover{background-color:#f3f4f6;transform:scale(1.1)}.crp-version-view-cell{text-align:center!important;vertical-align:middle!important}.crp-version-view-cell .crp-version-btn{margin:0 auto}.crp-version-btn[data-tooltip]{position:relative}.crp-version-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.crp-version-btn[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:3px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.crp-version-btn:hover[data-tooltip]:after,.crp-version-btn:hover[data-tooltip]:before{opacity:1}@media(max-width:1200px){.crp-table th,.crp-table td{padding:10px 12px;font-size:11px}.crp-asset-info-cell{font-size:12px}}@media(max-width:768px){.crp-table-container{overflow-x:auto}.crp-table{min-width:800px}.crp-table th,.crp-table td{padding:8px 10px;font-size:10px}.crp-actions-cell{flex-direction:column;gap:2px}.crp-action-btn-small{padding:3px 6px;font-size:9px}}.crp-filter-panel{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.crp-filter-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,0 8px 32px #0003,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.2);animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.crp-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid rgba(99,102,241,.1)}.crp-filter-title{margin:0;font-size:24px;font-weight:800;color:#1f2937;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crp-filter-close{background:#ef44441a;border:2px solid rgba(239,68,68,.2);border-radius:12px;cursor:pointer;color:#ef4444;padding:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.crp-filter-close:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.1)}.crp-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.crp-filter-group{display:flex;flex-direction:column;gap:8px}.crp-filter-label{font-size:14px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.crp-filter-select{width:100%;padding:12px 16px;font-size:14px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;border:2px solid rgba(99,102,241,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000000d,inset 0 1px #fff9}.crp-filter-select:hover{border-color:#6366f14d;box-shadow:0 6px 20px #0000001a,inset 0 1px #fffc}.crp-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 8px 25px #6366f14d,0 0 0 4px #6366f11a,inset 0 1px #fffc}.crp-filter-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:20px;border-top:2px solid rgba(99,102,241,.1)}.crp-filter-btn{padding:12px 24px;font-size:14px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.crp-filter-btn.secondary{background:#6b72801a;color:#6b7280;border:2px solid rgba(107,114,128,.2)}.crp-filter-btn.secondary:hover{background:#6b728033;border-color:#6b728066;transform:translateY(-2px)}.crp-filter-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:2px solid transparent;box-shadow:0 4px 15px #6366f166}.crp-filter-btn.primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-3px);box-shadow:0 8px 25px #6366f199}.crp-filter-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #ef444466;animation:pulse 2s infinite}@media(max-width:768px){.crp-filter-content{padding:24px;margin:16px;width:calc(100% - 32px);max-height:calc(100vh - 32px)}.crp-filter-grid{grid-template-columns:1fr;gap:16px}.crp-filter-actions{flex-direction:column;gap:12px}.crp-filter-btn{width:100%}}.unified-posts-dashboard,.unified-posts-dashboard *{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.unified-posts-dashboard table,.unified-posts-dashboard th,.unified-posts-dashboard td{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.version-chevron-btn{background:none!important;border:none!important;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#000;border-radius:4px;transition:all .15s ease;width:20px;height:20px}.version-chevron-btn:hover{background-color:#f3f4f6!important;transform:scale(1.1)}.version-chevron-btn svg{width:16px;height:16px;stroke-width:2}.unified-posts-dashboard button,.unified-posts-dashboard input,.unified-posts-dashboard select,.unified-posts-dashboard textarea,.unified-posts-dashboard .modal-overlay-redesigned,.unified-posts-dashboard .modal-overlay-redesigned *{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.unified-posts-dashboard thead th{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:500!important;font-size:11px!important;color:#475569!important;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-right:1px solid #F1F5F9}.unified-posts-dashboard tbody td{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;padding:8px 12px;border-right:1px solid #F1F5F9;vertical-align:middle}.unified-posts-dashboard .status-badge{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;letter-spacing:.025em;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(255,255,255,.2)}.unified-posts-dashboard .version-chevron{background:none!important;border:none!important;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#3b82f6;border-radius:4px;transition:all .15s ease;width:24px;height:24px}.unified-posts-dashboard .version-chevron:hover{background-color:#eff6ff!important}.unified-posts-dashboard .version-chevron svg{width:16px;height:16px;stroke-width:2}.unified-posts-dashboard tbody tr{height:48px}.unified-posts-dashboard table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}.audit-panel-container{width:400px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:100vh;overflow:hidden}.audit-panel-header{padding:16px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;display:flex;justify-content:space-between;align-items:center}.audit-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.audit-panel-close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.audit-panel-close-btn:hover{background-color:#f3f4f6;color:#374151}.audit-panel-content{flex:1;overflow:auto;padding:16px}.audit-panel-content::-webkit-scrollbar{width:0px;background:transparent}.audit-panel-content{scrollbar-width:none;-ms-overflow-style:none}.post-audit-details{display:flex;flex-direction:column;gap:20px}.audit-section{margin-bottom:20px}.audit-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.audit-info-box{background-color:#f9fafb;padding:12px;border-radius:6px;font-size:13px;border:1px solid #e5e7eb}.audit-info-box.creator{background-color:#f0f9ff;border-color:#0ea5e9}.audit-info-box.version{background-color:#f0fdf4;border-color:#10b981}.audit-info-box.comment{background-color:#fef7ff;border-color:#e879f9}.audit-info-box.log{background-color:#fff7ed;border-color:#fb923c}.audit-info-item{margin-bottom:8px}.audit-info-item:last-child{margin-bottom:0}.audit-info-item strong{color:#374151;font-weight:600}.status-badge-audit{margin-left:8px;padding:2px 8px;border-radius:4px;color:#fff;font-size:11px;font-weight:600}.version-item{background-color:#f9fafb;padding:10px;border-radius:6px;margin-bottom:8px;font-size:12px;border:1px solid #e5e7eb;transition:all .2s ease}.version-item:hover{background-color:#f3f4f6;border-color:#10b981}.version-item.current{background-color:#f0fdf4;border-color:#10b981}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.version-header strong{color:#374151}.current-badge{color:#10b981;font-size:11px;font-weight:600}.comment-item{background-color:#fef7ff;padding:10px;border-radius:6px;margin-bottom:8px;font-size:12px;border:1px solid #e879f9;transition:all .2s ease}.comment-item:hover{background-color:#fdf4ff}.comment-header{margin-bottom:6px}.comment-author{font-weight:600;color:#374151}.comment-date{color:#6b7280;margin-left:8px;font-size:11px}.comment-text{color:#374151;line-height:1.4}.comment-type{margin-top:4px;font-size:11px;color:#6b7280}.log-item{background-color:#fff7ed;padding:10px;border-radius:6px;margin-bottom:8px;font-size:12px;border:1px solid #fb923c;transition:all .2s ease}.log-item:hover{background-color:#fef3c7}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.log-event-type{font-weight:600;color:#374151;text-transform:uppercase}.log-timestamp{color:#6b7280;font-size:11px}.log-user{margin-bottom:4px}.log-description{margin-bottom:4px;color:#374151}.log-changes{font-size:11px;color:#6b7280}.scrollable-section{max-height:200px;overflow-y:auto;padding-right:4px}.scrollable-section::-webkit-scrollbar{width:0px;background:transparent}.scrollable-section{scrollbar-width:none;-ms-overflow-style:none}.empty-state{color:#6b7280;font-size:12px;text-align:center;padding:20px;font-style:italic}.pending-post-item{background-color:#fefce8;border:1px solid #fbbf24;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;font-size:13px;margin-bottom:12px}.pending-post-item:hover{background-color:#fef3c7;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pending-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.pending-post-title{margin:0 8px 0 0;font-size:14px;font-weight:600;color:#111827;flex:1}.pending-status-badge{padding:2px 6px;border-radius:4px;background-color:#f59e0b;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase}.pending-post-meta{margin-bottom:6px;color:#6b7280;font-size:12px}.pending-post-meta strong{color:#374151}.pending-post-cta{font-size:11px;color:#9ca3af;margin-top:8px;font-style:italic}.all-caught-up{text-align:center;padding:40px 20px;color:#6b7280}.all-caught-up-icon{font-size:48px;margin-bottom:16px}.all-caught-up-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#374151}.all-caught-up-subtitle{font-size:14px}.audit-panel-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.back-to-pending-btn{width:100%;padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.back-to-pending-btn:hover{background-color:#2563eb;transform:translateY(-1px)}@media(max-width:768px){.audit-panel-container{width:100%;max-width:350px}.audit-panel-content{padding:12px}.audit-section{margin-bottom:16px}.scrollable-section{max-height:150px}}:root{--background: #ffffff;--foreground: #0f172a;--muted: #f1f5f9;--muted-foreground: #64748b;--border: #e2e8f0;--primary: #14b8a6;--primary-foreground: #ffffff;--destructive: #ef4444;--destructive-foreground: #ffffff}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.flex-1{flex:1 1 0%}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.w-full{width:100%}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-24{width:6rem}.w-80{width:20rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-10{height:2.5rem}.h-full{height:100%}.min-w-0{min-width:0}.min-w-\[320px\]{min-width:320px}.max-w-full{max-width:100%}.max-w-7xl{max-width:80rem}.max-w-\[320px\]{max-width:320px}.max-h-full{max-height:100%}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.mt-0\.5{margin-top:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.top-1\/2{top:50%}.left-4{left:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-6xl{font-size:3.75rem;line-height:1}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.italic{font-style:italic}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-destructive{color:var(--destructive)}.text-white{color:#fff}.text-emerald-600{color:#059669}.text-emerald-800{color:#065f46}.text-amber-600{color:#d97706}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.bg-background{background-color:var(--background)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-white{background-color:#fff}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-500{background-color:#10b981}.bg-amber-50{background-color:#fffbeb}.bg-red-50{background-color:#fef2f2}.bg-blue-50{background-color:#eff6ff}.bg-gray-100{background-color:#f3f4f6}.bg-violet-50{background-color:#f5f3ff}.bg-black\/60{background-color:#0009}.bg-background\/80{background-color:#fffc}.bg-background\/90{background-color:#ffffffe6}.bg-background\/95{background-color:#fffffff2}.bg-muted\/30{background-color:#f1f5f94d}.bg-primary\/5{background-color:#14b8a60d}.bg-primary\/10{background-color:#14b8a61a}.bg-destructive\/10{background-color:#ef44441a}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-l{border-left-width:1px;border-left-style:solid}.border-border{border-color:var(--border)}.border-primary\/20{border-color:#14b8a633}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}.transition-all{transition-property:all;transition-duration:.15s}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-muted\/80:hover{background-color:#f1f5f9cc}.hover\:bg-background:hover{background-color:var(--background)}.hover\:bg-primary\/90:hover{background-color:#14b8a6e6}.hover\:bg-destructive\/10:hover{background-color:#ef44441a}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary\/80:hover{color:#14b8a6cc}.hover\:text-destructive:hover{color:var(--destructive)}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--primary)}.focus\:ring-primary:focus{--tw-ring-color: var(--primary)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.hidden{display:none}@media(min-width:640px){.sm\:inline{display:inline}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.object-contain{object-fit:contain}.animate-in{animation:animateIn .2s ease-out}.fade-in{opacity:1}.zoom-in-95{transform:scale(1)}.duration-200{animation-duration:.2s}@keyframes animateIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.block{display:block}.w-px{width:1px}.h-\[90vh\]{height:90vh}.overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background:transparent}.overflow-y-auto::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#9ca3af}.rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.mx-auto{margin-left:auto;margin-right:auto}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mb-3{margin-bottom:.75rem}.w-\[420px\]{width:420px}.min-w-\[420px\]{min-width:420px}.max-w-\[420px\]{max-width:420px}.w-\[520px\]{width:520px}.min-w-\[520px\]{min-width:520px}.max-w-\[520px\]{max-width:520px}.w-\[580px\]{width:580px}.min-w-\[580px\]{min-width:580px}.max-w-\[580px\]{max-width:580px}.z-\[1000\]{z-index:1000}.z-\[9999\]{z-index:9999}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.social-media-dashboard{padding:20px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.dashboard-header h2{margin:0;color:#1f2937;font-size:2rem;font-weight:700}.dashboard-header p{margin:5px 0 0;color:#6b7280;font-size:1rem}.action-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.action-btn.secondary:hover{background:#e5e7eb}.action-btn.small{padding:6px 12px;font-size:12px}.action-btn.success{background:#10b981;color:#fff}.action-btn.success:hover{background:#059669}.tab-navigation{display:flex;gap:4px;margin-bottom:30px;background:#f9fafb;padding:4px;border-radius:12px;border:1px solid #e5e7eb}.tab-btn{padding:12px 20px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s ease;flex:1;text-align:center}.tab-btn:hover{background:#e5e7eb;color:#374151}.tab-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a;font-weight:600}.overview-content{display:flex;flex-direction:column;gap:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.stat-info h3{margin:0;font-size:2rem;font-weight:700;color:#1f2937}.stat-info p{margin:4px 0 0;color:#6b7280;font-size:.9rem}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.connected-accounts,.recent-posts{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}.connected-accounts h3,.recent-posts h3{margin:0 0 20px;color:#1f2937;font-size:1.2rem;font-weight:600}.accounts-list,.posts-list{display:flex;flex-direction:column;gap:12px}.account-item,.post-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.account-info,.post-info{display:flex;align-items:center;gap:12px}.platform-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.platform-icon.large{font-size:2rem;width:60px;height:60px}.account-info h4,.post-info h4{margin:0;color:#1f2937;font-size:1rem;font-weight:600}.account-info p,.post-info p{margin:2px 0 0;color:#6b7280;font-size:.9rem}.account-stats,.post-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.8rem}.status.active{color:#10b981}.status.inactive{color:#ef4444}.accounts-content{display:flex;flex-direction:column;gap:24px}.accounts-header{display:flex;justify-content:space-between;align-items:center}.accounts-header h3{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.account-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.account-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.account-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.account-details h4{margin:0;color:#1f2937;font-size:1.1rem;font-weight:600}.account-details p{margin:4px 0;color:#6b7280;font-size:.9rem}.platform-name{background:#e5e7eb;color:#374151;padding:2px 8px;border-radius:4px;font-size:.8rem;text-transform:capitalize}.status-indicator{margin-left:auto;font-size:1.2rem}.account-metrics{display:flex;justify-content:space-around;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px}.metric{text-align:center}.metric-value{display:block;font-size:1.5rem;font-weight:700;color:#1f2937}.metric-label{font-size:.8rem;color:#6b7280}.account-actions{display:flex;gap:8px}.posts-content{display:flex;flex-direction:column;gap:24px}.posts-header{display:flex;justify-content:space-between;align-items:center}.posts-header h3{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.posts-filters{display:flex;gap:12px;align-items:center}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px}.posts-table{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.posts-table table{width:100%;border-collapse:collapse}.posts-table th{background:#f9fafb;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.posts-table td{padding:16px;border-bottom:1px solid #f3f4f6}.platform-cell{display:flex;align-items:center;gap:8px;text-transform:capitalize}.content-cell p{margin:0 0 4px;color:#1f2937;font-weight:500}.hashtags{color:#6b7280;font-size:.8rem}.status-badge{padding:4px 8px;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize}.engagement-cell{text-align:center}.engagement-rate{display:block;font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:4px}.engagement-details{display:flex;gap:8px;font-size:.8rem;color:#6b7280}.action-buttons{display:flex;gap:4px}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.empty-state p{margin-bottom:16px;font-size:1rem}.modal-content{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-content.large{max-width:800px}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.analytics-card{background:#fff;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.analytics-card h4{margin:0 0 8px;color:#6b7280;font-size:14px;font-weight:500}.metric-value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:4px}.metric-change{font-size:12px;color:#10b981}.platform-performance{background:#fff;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.performance-list{display:flex;flex-direction:column;gap:12px}.performance-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:6px}.platform-info{display:flex;align-items:center;gap:8px}.platform-name{text-transform:capitalize;font-weight:500}.performance-metrics{display:flex;gap:16px;font-size:14px;color:#6b7280}.scheduler-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-controls{display:flex;align-items:center;gap:16px}.calendar-nav{background:none;border:1px solid #d1d5db;padding:6px 12px;border-radius:4px;cursor:pointer}.current-month{font-weight:600;color:#1f2937}.scheduled-posts-list{display:flex;flex-direction:column;gap:12px}.scheduled-post-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.post-time{text-align:center;min-width:80px}.post-time .time{font-weight:600;color:#1f2937}.post-time .date{font-size:12px;color:#6b7280}.post-preview{display:flex;align-items:center;gap:12px;flex:1}.post-content p{margin:0 0 4px;color:#1f2937}.post-actions{display:flex;gap:8px}@media(max-width:768px){.social-media-dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.header-actions{width:100%;justify-content:flex-end}.tab-navigation{flex-direction:column}.overview-grid,.accounts-grid{grid-template-columns:1fr}.posts-table{overflow-x:auto}.posts-header{flex-direction:column;gap:16px;align-items:flex-start}.posts-filters{width:100%;justify-content:space-between}.modal-content{width:95%;margin:20px}.analytics-grid{grid-template-columns:1fr}.scheduled-post-item{flex-direction:column;align-items:flex-start}}.platform-selection h4{margin:0 0 20px;color:#1f2937;text-align:center}.platform-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.platform-connect-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.platform-connect-btn:hover{border-color:#667eea;background:#f8faff;transform:translateY(-2px)}.platform-connect-btn .platform-icon{font-size:2.5rem}@media(max-width:480px){.platform-buttons{grid-template-columns:1fr}}.posts-overview-redesigned{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:fadeInPage .6s ease-out}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.overview-header-redesigned{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(255,255,255,.2);animation:slideInFromTop .8s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-title-section{display:flex;align-items:center;gap:16px}.header-icon-modern{width:48px;height:48px;background:#10b981;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #667eea33;transition:transform .3s ease}.header-icon-modern:hover{transform:scale(1.05) rotate(5deg)}.header-text{flex:1}.overview-title-modern{margin:0;font-size:32px;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.overview-subtitle-modern{margin:8px 0 0;color:#64748b;font-size:16px;font-weight:400;line-height:1.5}.header-actions{display:flex;gap:12px}.crp-header-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;margin-bottom:16px}.crp-tools-compact{display:flex;align-items:center;gap:12px}.crp-btn-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .2s ease}.crp-btn-compact:hover{background:#e2e8f0;border-color:#cbd5e1}.crp-btn-compact.ghost{background:transparent;border:1px solid #e2e8f0}.crp-select-compact{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;min-width:140px}.crp-search-compact{position:relative}.crp-search-compact input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;width:200px;outline:none;transition:border-color .2s ease}.crp-search-compact input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.crp-analytics{width:100%;margin-top:16px}.crp-analytics-grid{display:flex;gap:12px;width:100%;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.crp-analytics-grid::-webkit-scrollbar{display:none}.crp-stat{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a;min-width:140px;flex-shrink:0;cursor:pointer}.crp-stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--stat-color, #6b7280);border-radius:10px 10px 0 0}.crp-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--stat-color, #6b7280)}.crp-stat-pending{--stat-color: #f59e0b}.crp-stat-approved{--stat-color: #10b981}.crp-stat-rejected{--stat-color: #ef4444}.crp-stat-changes{--stat-color: #8b5cf6}.crp-stat-draft{--stat-color: #6b7280}.crp-stat-total{--stat-color: #3b82f6}.crp-stat-active{border-color:var(--stat-color, #6b7280)!important;box-shadow:0 4px 12px #00000026!important;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--stat-color, #6b7280) 100%)!important}.crp-stat-active .crp-stat-number{color:#1f2937!important;text-shadow:none!important;font-weight:900!important}.crp-stat-active .crp-stat-label{color:#374151!important;font-weight:700!important}.crp-stat-active .crp-stat-icon{opacity:1!important;filter:brightness(1.2)!important}.crp-stat-icon{font-size:20px;opacity:.9;margin-bottom:2px}.crp-stat-content{display:flex;flex-direction:column;gap:2px;width:100%;align-items:center;text-align:center}.crp-stat-number{font-size:24px;font-weight:800;color:#1f2937;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.crp-stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;font-weight:600;line-height:1.2}.toolbar-row-single{padding:16px 24px;display:flex;justify-content:flex-end;align-items:center}.post-title-with-status{display:flex;align-items:center;gap:8px;text-align:left;width:100%}.post-status-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-right:8px;min-width:32px;text-align:center}.analytics-row{display:flex;gap:12px;width:100%;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none;animation:slideInFromBottom .8s ease-out .2s both}.analytics-row::-webkit-scrollbar{display:none}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.analytics-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a;min-width:140px;flex-shrink:0;cursor:pointer}.analytics-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--stat-color, #6b7280);border-radius:10px 10px 0 0}.analytics-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--stat-color, #6b7280)}.analytics-card.analytics-card-pending{--stat-color: #f59e0b}.analytics-card.analytics-card-approved{--stat-color: #10b981}.analytics-card.analytics-card-rejected{--stat-color: #ef4444}.analytics-card.analytics-card-changes{--stat-color: #8b5cf6}.analytics-card.analytics-card-draft{--stat-color: #6b7280}.analytics-card.analytics-card-total{--stat-color: #3b82f6}.analytics-card.analytics-card-active{border-color:var(--stat-color, #6b7280)!important;box-shadow:0 4px 12px #00000026!important;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--stat-color, #6b7280) 100%)!important}.analytics-card.analytics-card-active .analytics-number{color:#1f2937!important;text-shadow:none!important;font-weight:900!important}.analytics-card.analytics-card-active .analytics-label{color:#374151!important;font-weight:700!important}.analytics-card.analytics-card-active .analytics-icon{opacity:1!important;filter:brightness(1.2)!important}.analytics-icon{font-size:20px;opacity:.9;margin-bottom:2px}.analytics-content{display:flex;flex-direction:column;gap:2px;width:100%;align-items:center;text-align:center}.analytics-number{font-size:24px;font-weight:800;color:#1f2937;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.analytics-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;font-weight:600;line-height:1.2}.analytics-card:after{content:"";position:absolute;bottom:0;right:0;width:60px;height:30px;background:linear-gradient(45deg,#667eea1a,#667eea33);clip-path:polygon(30% 100%,100% 60%,100% 100%);pointer-events:none}.analytics-card:nth-child(2):after{background:linear-gradient(45deg,#10b9811a,#10b98133)}.analytics-card:nth-child(3):after{background:linear-gradient(45deg,#f59e0b1a,#f59e0b33)}.analytics-card:nth-child(4):after{background:linear-gradient(45deg,#8b5cf61a,#8b5cf633)}.analytics-card:nth-child(5):after{background:linear-gradient(45deg,#ef44441a,#ef444433)}.analytics-content{flex:1;position:relative;z-index:1}.analytics-icon{font-size:16px;width:32px;height:32px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.refresh-card{justify-content:center;min-width:140px}.refresh-btn-analytics{display:flex;align-items:center;gap:8px;background:#10b981;color:#f7f5f5;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3b82f64d;width:100%;justify-content:center}.refresh-btn-analytics:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.refresh-btn-analytics:disabled{opacity:.7;cursor:not-allowed;transform:none}.refresh-text{white-space:nowrap}.status-breakdown .analytics-content{width:100%}.status-mini-charts{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.status-mini-item{display:flex;align-items:center;gap:8px;font-size:12px}.status-mini-dot{width:8px;height:8px;border-radius:50%}.status-mini-text{color:#64748b;font-weight:500}.overview-toolbar-redesigned{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:16px;animation:slideInFromLeft .8s ease-out .3s both}.toolbar-row-1{width:100%}.search-container-full{position:relative;display:flex;align-items:center;width:100%}.search-input-full{padding:14px 20px 14px 52px;border:2px solid #e2e8f0;border-radius:12px;background:#ffffffe6;color:#1e293b;font-size:15px;font-weight:500;width:100%;transition:all .3s ease;outline:none}.search-input-full:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff}.search-input-full::placeholder{color:#94a3b8}.toolbar-row-2{display:flex;justify-content:space-between;align-items:center;width:100%;gap:24px}.filters-section{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.filter-pills-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-group-label{font-size:13px;font-weight:600;color:#64748b;white-space:nowrap}.filter-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pill-filter{padding:6px 12px;border-radius:20px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500;color:#64748b;white-space:nowrap;outline:none}.pill-filter:hover{border-color:#10b981;background:#f0f4ff;color:#10b981;transform:translateY(-1px)}.pill-filter.active{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 8px #667eea4d}.pill-filter.active:hover{background:#5a67d8;border-color:#5a67d8}.pill-more{font-size:12px;color:#94a3b8;font-style:italic;margin-left:4px}.sort-controls{display:flex;align-items:center;gap:8px}.sort-select-modern{padding:6px 10px;border:2px solid #e2e8f0;border-radius:8px;background:#ffffffe6;color:#1e293b;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;min-width:140px}.sort-select-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select-compact{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;background:#ffffffe6;color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;min-width:120px}.filter-select-compact:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-filters{margin-left:8px}.view-mode-section{display:flex;align-items:center}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.toolbar-section{display:flex;align-items:center;gap:16px}.search-container-modern{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#64748b;z-index:1}.search-input-modern{padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;background:#fffc;color:#1e293b;font-size:14px;font-weight:500;width:320px;transition:all .3s ease;outline:none}.search-input-modern:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff}.search-input-modern::placeholder{color:#94a3b8}.search-clear{position:absolute;right:12px;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.search-clear:hover{background:#f1f5f9;color:#1e293b}.filters-container-modern{display:flex;align-items:center;gap:12px}.filter-select-modern{padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;background:#ffffffe6;color:#1e293b;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;min-width:140px}.filter-select-modern:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.filter-select-modern:hover{background:#fff;border-color:#cbd5e1}.view-mode-toggle{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;gap:2px}.view-mode-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease}.view-mode-btn:hover{background:#ffffff80;color:#1e293b}.view-mode-btn.active{background:#fff;color:#1e293b;box-shadow:0 2px 8px #0000001a}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;outline:none;position:relative;overflow:hidden}.btn-modern:disabled{opacity:.6;cursor:not-allowed}.btn-modern.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.btn-modern.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-modern.secondary{background:#10b981;color:#fff;box-shadow:0 4px 16px #3b82f64d}.btn-modern.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.btn-modern.ghost{background:#fffc;color:#64748b;border:2px solid #e2e8f0}.btn-modern.ghost:hover:not(:disabled){background:#fff;color:#1e293b;border-color:#cbd5e1;transform:translateY(-1px)}.btn-modern.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef44444d}.btn-modern.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.btn-modern.small{padding:8px 12px;font-size:12px}.btn-modern.tiny{padding:6px 10px;font-size:11px;gap:4px}.sort-toggle{min-width:40px;justify-content:center}.loading-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.loading-spinner-modern{margin-bottom:24px}.spinner-ring{width:48px;height:48px;border:4px solid #f1f5f9;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-text-modern h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1e293b;text-align:center}.loading-text-modern p{margin:0;font-size:14px;color:#64748b;text-align:center}.overview-content-modern{animation:slideInFromRight .8s ease-out .4s both}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.empty-state-modern{text-align:center;padding:80px 20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.empty-state-icon{font-size:64px;margin-bottom:24px;opacity:.6;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.empty-state-modern h3{margin:0 0 12px;font-size:24px;font-weight:600;color:#1e293b}.empty-state-modern p{margin:0 0 24px;font-size:16px;color:#64748b;line-height:1.5}.hover-preview-modern{background:#fff;border-radius:12px;box-shadow:0 12px 32px #00000026;border:2px solid white;overflow:hidden;max-width:300px;max-height:300px;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hover-preview-modern img{width:100%;height:100%;object-fit:cover}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;animation:fadeInCards .8s ease-out .5s both}@keyframes fadeInCards{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card-modern{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.3);overflow:hidden;transition:all .4s ease;box-shadow:0 8px 32px #00000014;max-height:380px}.post-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;background:#fffffff2}.post-card-modern.expanded{grid-column:span 2;max-width:none}.post-card-header{padding:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid rgba(0,0,0,.05)}.post-card-title-section{display:flex;align-items:flex-start;gap:12px;flex:1}.post-id-badge{background:#10b981;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.post-title-content{flex:1;min-width:0}.post-card-title{margin:0 0 4px;font-size:18px;font-weight:600;color:#1e293b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-card-subtitle{margin:0;font-size:14px;color:#64748b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-card-actions{display:flex;gap:8px}.post-card-meta{padding:16px 24px;background:#f8fafc99;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.status-section{display:flex;gap:8px;align-items:center}.status-badge-modern{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.pillar-badge-modern{background:#f1f5f9;color:#64748b;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.meta-stats{display:flex;gap:16px;align-items:center}.meta-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;font-weight:500}.meta-stat svg{color:#94a3b8}.post-card-assets{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05)}.assets-preview{display:flex;gap:8px;align-items:center}.asset-preview-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.asset-preview-thumb:hover{transform:scale(1.1);border-color:#667eea}.asset-preview-thumb img{width:100%;height:100%;object-fit:cover}.file-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;font-size:20px}.assets-more{background:#f1f5f9;color:#64748b;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500}.post-card-footer{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#f8fafc4d}.post-dates{display:flex;gap:8px;align-items:center;font-size:12px}.date-label{color:#94a3b8;font-weight:500}.date-value{color:#64748b;font-weight:600}.scheduled-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:#3b82f6;font-weight:500}.post-card-expanded{border-top:1px solid rgba(0,0,0,.05);animation:expandCard .3s ease-out}@keyframes expandCard{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.card-tabs{display:flex;background:#f8fafc99;border-bottom:1px solid rgba(0,0,0,.05)}.tab-btn{flex:1;padding:16px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn:hover{background:#ffffff80;color:#1e293b}.tab-btn.active{background:#fff;color:#667eea;border-bottom-color:#667eea}.tab-content{padding:24px}.overview-tab .content-preview h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.overview-tab .content-preview p{margin:0 0 16px;font-size:14px;color:#64748b;line-height:1.5}.hashtags{display:flex;flex-wrap:wrap;gap:8px}.hashtag{background:#eff6ff;color:#1e40af;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.versions-tab,.comments-tab{max-height:300px;overflow-y:auto}.version-item,.comment-item{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #e2e8f0}.version-header,.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-number{background:#667eea;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.version-status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.version-date,.comment-date{font-size:12px;color:#94a3b8}.version-notes,.comment-text{margin:0;font-size:14px;color:#64748b;line-height:1.5}.comment-author{font-weight:600;color:#1e293b}.no-comments{text-align:center;color:#94a3b8;font-style:italic;margin:20px 0}.table-view-modern{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.3);overflow:hidden;box-shadow:0 8px 32px #00000014;animation:fadeInTable .8s ease-out .5s both}.overview-table-modern .post-col{width:40%}.overview-table-modern .status-col{width:15%}.overview-table-modern .meta-col{width:20%}.overview-table-modern .updated-col{width:15%}.overview-table-modern .actions-col{width:10%}.post-info-compact{display:flex;flex-direction:column;gap:6px}.post-header-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.post-id-badge-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.pillar-badge-tiny{background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.post-title-container{display:flex;align-items:center;gap:8px}.post-title-compact{margin:0;font-size:13px;font-weight:600;color:#1e293b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1}.post-description-hover{position:relative;display:inline-flex;align-items:center}.description-trigger{font-size:12px;cursor:help;opacity:.6;transition:opacity .2s ease}.description-trigger:hover{opacity:1}.description-tooltip{position:absolute;top:-10px;left:25px;background:#1e293b;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.4;max-width:300px;box-shadow:0 8px 24px #0003;z-index:1000;opacity:0;visibility:hidden;transform:translateY(5px);transition:all .2s ease;pointer-events:none;white-space:normal}.description-tooltip:before{content:"";position:absolute;top:15px;left:-6px;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #1e293b transparent transparent}.post-description-hover:hover .description-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.comment-hover-container{position:relative;display:inline-flex;align-items:center}.comment-trigger{cursor:help;transition:opacity .2s ease}.comment-trigger:hover{opacity:.8}.comments-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:16px;border-radius:12px;font-size:13px;line-height:1.4;min-width:280px;max-width:350px;box-shadow:0 8px 24px #0003;z-index:1000;opacity:0;visibility:hidden;transform:translate(-50%) translateY(5px);transition:all .2s ease;pointer-events:none;margin-bottom:10px}.comments-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:8px 8px 0 8px;border-color:#1e293b transparent transparent transparent}.comment-hover-container:hover .comments-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.comments-tooltip-header{font-weight:600;font-size:12px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #374151}.comment-tooltip-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #374151}.comment-tooltip-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.comment-tooltip-author{font-weight:600;font-size:12px;color:#60a5fa;margin-bottom:4px}.comment-tooltip-text{font-size:13px;color:#e2e8f0;line-height:1.4;margin-bottom:4px;word-wrap:break-word}.comment-tooltip-date{font-size:11px;color:#94a3b8;font-style:italic}.comments-tooltip-more{font-size:11px;color:#94a3b8;font-style:italic;text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid #374151}.table-comments-tooltip{bottom:auto;top:100%;margin-bottom:0;margin-top:10px}.table-comments-tooltip:after{top:-8px;border-width:0 8px 8px 8px;border-color:transparent transparent #1e293b transparent}.kanban-comments-tooltip{min-width:240px;max-width:280px;font-size:12px}.kanban-card-refined{position:relative}.kanban-card-refined .comment-hover-container .kanban-comments-tooltip{position:absolute;left:-20px;right:-20px;bottom:calc(100% + 15px);transform:none;margin-left:0;margin-bottom:0;width:auto;min-width:320px;max-width:400px;left:50%;right:auto;transform:translate(-50%)}.kanban-card-refined .comment-hover-container .kanban-comments-tooltip:after{left:50%;transform:translate(-50%)}.kanban-card-refined .comment-hover-container:hover .kanban-comments-tooltip{opacity:1;visibility:visible;transform:none}.kanban-comments-tooltip .comment-tooltip-text{font-size:12px}.kanban-comments-tooltip .comment-tooltip-author{font-size:11px}.kanban-comments-tooltip .comment-tooltip-date{font-size:10px}.kanban-card-refined{position:relative;overflow:visible}.kanban-column-refined{overflow:visible}.kanban-content-refined{overflow-y:auto;overflow-x:visible}.status-badge-table{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.status-text{display:inline}.meta-info-stack{display:flex;flex-direction:column;gap:4px}.meta-row{display:flex;gap:12px;align-items:center}.meta-item{font-size:11px;color:#64748b;font-weight:500;white-space:nowrap}.meta-item.scheduled{color:#3b82f6;font-weight:600}.date-compact{display:flex;flex-direction:column;gap:2px}.date-main{font-size:12px;font-weight:600;color:#1e293b}.date-time{font-size:10px;color:#94a3b8;font-weight:500}.table-actions-group{display:flex;gap:4px;align-items:center;justify-content:center}.btn-table-action{padding:6px 8px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;background:#f8fafc;color:#64748b;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-table-action:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-table-action.view{background:#eff6ff;color:#3b82f6}.btn-table-action.view:hover{background:#dbeafe;color:#2563eb}.btn-table-action.edit{background:#f0fdf4;color:#16a34a}.btn-table-action.edit:hover{background:#dcfce7;color:#15803d}.btn-table-action.delete{background:#fef2f2;color:#ef4444}.btn-table-action.delete:hover{background:#fee2e2;color:#dc2626}.post-card-header-redesigned{padding:16px;border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#f8fafc,#fff)}.post-card-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.post-card-badges{display:flex;align-items:center;gap:8px}.post-card-actions-redesigned{display:flex;gap:8px;align-items:center}.btn-card-action-redesigned{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;background:#ffffffe6;color:#64748b;box-shadow:0 2px 4px #0000000d;white-space:nowrap}.btn-card-action-redesigned:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.btn-card-action-redesigned.view{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.btn-card-action-redesigned.view:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border-color:#2563eb4d}.btn-card-action-redesigned.delete{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-card-action-redesigned.delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-color:#dc26264d}.post-card-header-content{display:flex;align-items:flex-start;gap:12px}.post-status-section{flex-shrink:0}.post-status-badge-redesigned{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.post-card-title-redesigned{margin:0;font-size:16px;font-weight:600;color:#1e293b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;max-height:42px;word-break:break-word}.post-card-description{margin-bottom:12px;max-height:60px;overflow:hidden}.post-card-subtitle{margin:0;color:#666;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.post-card-footer-enhanced{padding:12px 16px;background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0}.post-dates-enhanced{display:flex;gap:16px;margin-bottom:8px}.date-item{display:flex;align-items:center;gap:6px;flex:1}.date-icon{font-size:14px;opacity:.7}.date-info{display:flex;flex-direction:column;gap:2px}.date-label{font-size:10px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.date-value{font-size:12px;color:#64748b;font-weight:600}.schedule-status-enhanced{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;min-height:40px}.schedule-info{display:flex;align-items:center;gap:8px;flex:1}.schedule-icon{font-size:16px}.schedule-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.schedule-label{font-size:11px;color:#64748b;font-weight:500}.schedule-date{font-size:12px;color:#374151;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-status-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.schedule-status-badge.future{background:#fef3c7;color:#92400e;border:1px solid #d97706}.schedule-status-badge.published{background:#d1fae5;color:#065f46;border:1px solid #059669}.no-schedule-info{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:12px;font-style:italic}.no-schedule-text{color:#6b7280}.post-card-assets-enhanced{position:relative;overflow:hidden}.assets-preview-enhanced{position:relative;width:100%;height:100%}.asset-preview{width:100%;height:100%;position:relative}.asset-preview img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px}@media(max-width:480px){.post-dates-enhanced{flex-direction:column;gap:8px}.schedule-info{flex-direction:column;align-items:flex-start;gap:6px}.schedule-status-enhanced{flex-direction:column;align-items:stretch;gap:8px}.schedule-status-badge{align-self:flex-start}}.post-card-actions{display:flex;gap:6px;align-items:center}.btn-card-action{padding:8px 10px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;background:#f8fafc;color:#64748b;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:500}.btn-card-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-card-action.view{background:#eff6ff;color:#3b82f6}.btn-card-action.view:hover{background:#dbeafe;color:#2563eb}.btn-card-action.edit{background:#f0fdf4;color:#16a34a}.btn-card-action.edit:hover{background:#dcfce7;color:#15803d}.btn-card-action.delete{background:#fef2f2;color:#ef4444}.btn-card-action.delete:hover{background:#fee2e2;color:#dc2626}.btn-card-action.expand{background:#f1f5f9;color:#64748b}.btn-card-action.expand:hover{background:#e2e8f0;color:#475569}.kanban-actions-group{display:flex;gap:4px;align-items:center}.btn-kanban-action{padding:6px 8px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;background:#f8fafc;color:#64748b;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.btn-kanban-action:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-kanban-action.view{background:#eff6ff;color:#3b82f6}.btn-kanban-action.view:hover{background:#dbeafe;color:#2563eb}.btn-kanban-action.edit{background:#f0fdf4;color:#16a34a}.btn-kanban-action.edit:hover{background:#dcfce7;color:#15803d}.btn-kanban-action.delete{background:#fef2f2;color:#ef4444}.btn-kanban-action.delete:hover{background:#fee2e2;color:#dc2626}@keyframes fadeInTable{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-container-modern{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.table-container-modern::-webkit-scrollbar{display:none}.overview-table-modern{width:100%;border-collapse:collapse}.overview-table-modern thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.overview-table-modern th{padding:10px 12px;text-align:left;font-weight:700;color:#1e293b;font-size:13px;letter-spacing:.025em;text-transform:uppercase;border-bottom:2px solid #e2e8f0;position:sticky;top:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);z-index:10}.overview-table-modern tbody{background:#fff}.table-row-modern{transition:all .3s ease;border-bottom:1px solid #f1f5f9}.table-row-modern:hover{background:linear-gradient(135deg,#fefefe,#f8fafc);transform:scale(1.01);box-shadow:0 4px 12px #00000014}.overview-table-modern td{padding:8px 12px;vertical-align:middle;border-bottom:1px solid #f1f5f9}.post-cell-modern{min-width:200px}.post-info{display:flex;align-items:center;gap:12px}.post-id-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.post-details{flex:1;min-width:0}.post-title-small{margin:0 0 4px;font-size:14px;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-pillar{margin:0;font-size:12px;color:#64748b;font-weight:500}.assets-cell-modern{min-width:120px}.assets-summary{display:flex;flex-direction:column;gap:8px}.assets-count{font-size:12px;color:#64748b;font-weight:500}.assets-thumbnails{display:flex;gap:4px;align-items:center}.asset-thumb-tiny{width:24px;height:24px;background:#f1f5f9;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px}.assets-more-tiny{font-size:10px;color:#94a3b8;font-weight:500}.status-cell-modern{min-width:100px}.status-badge-compact{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.versions-cell-modern{min-width:90px}.versions-summary{display:flex;flex-direction:column;gap:4px}.version-current{font-weight:700;color:#1e293b;font-size:13px}.version-total{font-size:11px;color:#94a3b8}.approved-indicator{font-size:12px}.comments-cell-modern{min-width:80px}.comments-summary-compact{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.comments-count{font-weight:600;color:#1e293b}.comments-icon{font-size:14px}.dates-cell-modern{min-width:140px}.dates-info{display:flex;flex-direction:column;gap:4px}.date-updated{font-size:12px;color:#64748b;font-weight:500}.date-scheduled{font-size:11px;color:#3b82f6;font-weight:500}.actions-cell-modern{min-width:100px}.table-actions{display:flex;gap:8px;align-items:center}.empty-table-cell{text-align:center;padding:60px 20px!important}.empty-table-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:#64748b}.empty-icon{font-size:48px;opacity:.5}.kanban-view-refined{animation:fadeInKanban .8s ease-out .5s both}.kanban-board-refined{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;height:calc(100vh - 350px);min-height:1050px}.kanban-column-refined{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000f;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.kanban-column-refined:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.kanban-header-refined{padding:16px 20px;border-radius:16px 16px 0 0;border-left:4px solid transparent;border-bottom:1px solid rgba(0,0,0,.05)}.kanban-title-refined{display:flex;align-items:center}.status-info{display:flex;align-items:center;gap:12px}.status-icon-large{font-size:20px}.status-details{display:flex;flex-direction:column;gap:2px}.status-name-refined{font-weight:700;color:#1e293b;font-size:14px;text-transform:capitalize;letter-spacing:.025em}.status-count-refined{font-size:12px;color:#64748b;font-weight:500}.kanban-content-refined{flex:1;padding:12px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.kanban-content-refined::-webkit-scrollbar{display:none}.kanban-cards-container{display:flex;flex-direction:column;gap:12px}.kanban-empty-refined{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#94a3b8;text-align:center}.empty-icon-small{font-size:32px;margin-bottom:8px;opacity:.6}.kanban-card-refined{background:#fff;border-radius:14px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 3px 12px #0000000f;transition:all .3s ease;cursor:pointer;min-height:140px}.kanban-card-refined:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f;border-color:#cbd5e1}.kanban-card-header-refined{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-id-refined{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.card-pillar-refined{background:#f1f5f9;color:#64748b;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:500}.kanban-card-content-refined{margin-bottom:16px}.card-title-refined{margin:0 0 8px;font-size:15px;font-weight:600;color:#1e293b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-description-refined{margin:0;font-size:13px;color:#64748b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kanban-assets-preview{display:flex;gap:4px;align-items:center;margin-bottom:12px;padding:8px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.asset-thumb-kanban{width:24px;height:24px;border-radius:4px;overflow:hidden;border:1px solid #e2e8f0}.asset-thumb-kanban img{width:100%;height:100%;object-fit:cover}.file-icon-kanban{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;font-size:10px}.assets-more-kanban{font-size:10px;color:#94a3b8;font-weight:500;background:#f1f5f9;padding:2px 4px;border-radius:3px}.kanban-card-footer-refined{display:flex;flex-direction:column;gap:8px}.card-stats-refined{display:flex;justify-content:space-between;align-items:center}.stat-group{display:flex;gap:8px;align-items:center}.stat-item-refined{font-size:11px;color:#64748b;font-weight:500}.btn-kanban-view{background:#667eea;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-kanban-view:hover{background:#5a67d8;transform:scale(1.05)}.card-date-refined{font-size:10px;color:#94a3b8;text-align:center;padding-top:4px;border-top:1px solid #f1f5f9}@keyframes fadeInKanban{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;overflow-x:auto;padding-bottom:20px}.kanban-column{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000000f;overflow:hidden;transition:all .3s ease}.kanban-column:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.kanban-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(0,0,0,.05);border-top:4px solid transparent}.kanban-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#1e293b;font-size:14px;text-transform:uppercase;letter-spacing:.025em}.status-icon{font-size:16px}.status-name{flex:1}.status-count{background:#64748b1a;color:#64748b;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.kanban-content{padding:16px;min-height:200px;max-height:70vh;overflow-y:auto}.kanban-empty{display:flex;align-items:center;justify-content:center;height:150px;color:#94a3b8;font-style:italic;text-align:center}.kanban-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;cursor:pointer}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f;border-color:#cbd5e1}.kanban-card:last-child{margin-bottom:0}.kanban-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-id{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600}.card-pillar{background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.kanban-card-content{margin-bottom:12px}.card-title{margin:0 0 6px;font-size:14px;font-weight:600;color:#1e293b;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-description{margin:0;font-size:12px;color:#64748b;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kanban-card-assets{margin-bottom:12px}.assets-mini-preview{display:flex;gap:4px;align-items:center}.asset-mini-thumb{width:20px;height:20px;background:#f1f5f9;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px}.assets-more-mini{font-size:9px;color:#94a3b8;font-weight:500}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f1f5f9}.card-stats{display:flex;gap:12px;align-items:center}.stat-item{font-size:11px;color:#64748b;font-weight:500}.card-actions{display:flex;gap:6px}.kanban-card-date{margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9}.kanban-card-date small{font-size:10px;color:#94a3b8}.modal-overlay-modern{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInModal .3s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content-modern{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:90vw;max-height:90vh;width:800px;overflow-y:auto;animation:slideInModal .4s ease-out;display:flex;flex-direction:column}@keyframes slideInModal{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-modern{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0}.modal-title-section h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1e293b;line-height:1.2}.modal-subtitle{margin:0;font-size:14px;color:#64748b;font-weight:500}.modal-close-modern{background:#fffc;border:none;border-radius:10px;padding:8px;cursor:pointer;color:#64748b;transition:all .3s ease}.modal-close-modern:hover{background:#fff;color:#1e293b;transform:scale(1.1)}.modal-body-modern{padding:32px;flex:1;overflow:visible}.version-details{display:flex;flex-direction:column;gap:24px}.version-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-item label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.meta-item span{font-size:14px;font-weight:600;color:#1e293b}.status-badge-modal{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:4px;width:fit-content}.version-content{display:flex;flex-direction:column;gap:24px}.content-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.content-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.content-item{margin-bottom:16px}.content-item:last-child{margin-bottom:0}.content-item label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;margin-bottom:6px}.content-item p{margin:0;font-size:14px;color:#1e293b;line-height:1.5;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0}.hashtags-modal{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.hashtag-modal{background:#eff6ff;color:#1e40af;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.modal-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.modal-asset-item{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0;transition:all .3s ease}.modal-asset-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.asset-info{margin-bottom:12px}.asset-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.asset-filename{font-size:12px;color:#64748b}.asset-preview-modal{width:100%;max-width:200px;height:auto;max-height:150px;object-fit:contain;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc}.modal-footer-modern{padding:24px 32px 32px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-actions-left,.modal-actions-right{display:flex;gap:12px}.modal-image-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.view-full-image-btn{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500}.view-full-image-btn:hover{background:#2563eb;transform:translateY(-1px)}.file-asset-display{display:flex;flex-direction:column;align-items:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.file-icon-large{font-size:32px;margin-bottom:8px}.file-type{font-size:12px;color:#64748b;font-weight:500}.full-image-overlay{background:#000000e6}.full-image-modal{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInModal .3s ease-out}.full-image-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.full-image-title{margin:0;font-size:18px;font-weight:600;color:#1e293b}.full-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#f1f5f9;min-height:400px;max-height:70vh;overflow:hidden}.full-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000001a}.full-image-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.version-approval-actions{display:flex;flex-direction:row;gap:8px;margin:12px 0;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.approve-version-btn,.reject-version-btn,.changes-version-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.approve-version-btn{background:#10b981;color:#fff}.approve-version-btn:hover{background:#059669}.reject-version-btn{background:#ef4444;color:#fff}.reject-version-btn:hover{background:#dc2626}.changes-version-btn{background:#f59e0b;color:#fff}.changes-version-btn:hover{background:#d97706}.no-comments-modal{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.no-comments-icon{font-size:48px;margin-bottom:16px;opacity:.6}.no-comments-modal p{margin:0 0 8px;font-size:16px;font-weight:600;color:#64748b}.no-comments-modal small{color:#94a3b8;font-size:14px}.modal-comments{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:8px;scrollbar-width:none;-ms-overflow-style:none}.modal-comments::-webkit-scrollbar{display:none}.modal-comment-item{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0;transition:all .2s ease}.modal-comment-item:hover{background:#f1f5f9;border-color:#cbd5e1}.comment-header-modal{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comment-author-info{display:flex;align-items:center;gap:12px}.comment-author-avatar{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.comment-author-details{display:flex;flex-direction:column;gap:2px}.comment-author-name{font-weight:600;color:#1e293b;font-size:14px}.comment-date-modal{font-size:12px;color:#64748b}.comment-type-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#fff;text-transform:capitalize;white-space:nowrap}.comment-type-badge.approval{background:#10b981}.comment-type-badge.rejection{background:#ef4444}.comment-type-badge.change_request{background:#f59e0b}.comment-type-badge.general{background:#6b7280}.comment-content-modal{font-size:14px;line-height:1.5;color:#374151;margin-bottom:8px;white-space:pre-wrap;word-wrap:break-word}.comment-version-info{padding-top:8px;border-top:1px solid #e2e8f0}.comment-version-info small{color:#64748b;font-size:12px;font-style:italic}@media(max-width:1400px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.post-card-modern.expanded{grid-column:span 1}}@media(max-width:1024px){.posts-overview-redesigned{padding:12px}.overview-header-redesigned{padding:16px}.header-main{flex-direction:column;align-items:center;gap:12px;text-align:center}.header-title-section{flex-direction:column;align-items:center;gap:12px}.analytics-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.overview-toolbar-redesigned{padding:16px;gap:12px}.toolbar-row-2,.filters-section{flex-direction:column;align-items:stretch;gap:12px}.filter-pills-group{flex-direction:column;align-items:stretch;gap:8px}.filter-pills,.sort-controls{justify-content:center}.view-mode-section{align-self:center}.search-input-full{width:100%}.posts-grid{grid-template-columns:1fr;gap:16px}.kanban-board-refined{grid-template-columns:1fr;gap:16px;height:auto;min-height:auto}}@media(max-width:768px){.posts-overview-redesigned{padding:8px}.overview-header-redesigned{padding:12px;margin-bottom:12px}.header-title-section{flex-direction:column;align-items:center;text-align:center;gap:8px}.header-icon-modern{width:36px;height:36px}.overview-title-modern{font-size:20px}.overview-subtitle-modern{font-size:14px}.analytics-row{grid-template-columns:repeat(2,1fr);gap:8px}.analytics-card{padding:8px;flex-direction:column;text-align:center;gap:6px;min-height:80px}.analytics-icon{width:24px;height:24px;font-size:12px}.analytics-number{font-size:16px}.analytics-label{font-size:10px}.refresh-card{min-width:auto}.refresh-btn-analytics{padding:6px 8px;font-size:10px;gap:4px}.refresh-text{display:none}.overview-toolbar-redesigned{padding:12px;gap:8px}.search-input-full{padding:10px 16px 10px 40px;font-size:14px}.filter-pills{gap:4px}.pill-filter{padding:4px 8px;font-size:11px}.filter-group-label{font-size:11px}.sort-select-modern{padding:6px 8px;font-size:11px;min-width:100px}.view-mode-btn{padding:6px 8px;font-size:11px;gap:4px}.view-mode-btn[title="Table View"]{display:none}.post-card-header{padding:12px;flex-direction:column;align-items:stretch;gap:8px}.post-card-title-section{align-items:center}.post-card-actions{justify-content:center;gap:4px}.btn-card-action{min-width:32px;height:32px;padding:6px 8px}.table-container-modern{font-size:11px}.overview-table-modern th,.overview-table-modern td{padding:8px 4px}.kanban-board-refined{grid-template-columns:1fr;gap:12px}.kanban-card-refined{padding:12px;min-height:120px}.modal-content-modern{width:95vw;max-height:95vh}.modal-header-modern,.modal-body-modern,.modal-footer-modern{padding:16px}.modal-actions-left,.modal-actions-right{flex-direction:row;gap:8px}.version-meta{grid-template-columns:1fr;gap:8px}.modal-assets{grid-template-columns:1fr}}@media(max-width:480px){.analytics-row{grid-template-columns:1fr}.filters-container-modern{flex-direction:column}.view-mode-toggle{width:100%}.view-mode-btn{flex:1}.post-card-title-section{flex-direction:column;align-items:stretch;gap:8px}.meta-stats{flex-wrap:wrap;gap:8px}.post-card-header-redesigned{padding:12px}.post-card-header-top{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:8px}.post-card-badges{justify-content:center}.post-card-actions-redesigned{justify-content:center;gap:6px}.btn-card-action-redesigned{padding:6px 10px;font-size:11px;flex:1;justify-content:center}.post-card-header-content{flex-direction:column;gap:8px}.post-status-section{align-self:flex-start}.post-card-title-redesigned{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.posts-overview-redesigned{background:#fff}.overview-header-redesigned,.overview-toolbar-redesigned,.post-card-modern,.table-view-modern,.kanban-column{background:#fff;border:2px solid #000}.btn-modern{border:2px solid currentColor}}.new-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInModal .3s ease-out}.new-modal-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:90vw;max-height:90vh;width:800px;overflow-y:auto;animation:slideInModal .4s ease-out;display:flex;flex-direction:column}.new-modal-header{display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#eef2f7);border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0}.new-modal-header-content{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px}.new-modal-title{margin:0 0 8px;font-size:24px;font-weight:700;color:#1e293b;line-height:1.2}.new-modal-meta{margin:0;font-size:14px;color:#64748b;font-weight:500}.new-modal-actions{display:flex;gap:8px;align-items:center}.new-close-btn{background:#fffc;border:none;border-radius:10px;padding:8px;cursor:pointer;color:#64748b;transition:all .3s ease;font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.new-close-btn:hover{background:#fff;color:#1e293b;transform:scale(1.1)}.new-modal-body{padding:32px;flex:1;overflow:visible}.new-modal-footer{padding:24px 32px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 20px 20px;display:flex;justify-content:flex-end;align-items:center;gap:12px}.new-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;outline:none;position:relative;overflow:hidden}.new-action-btn:disabled{opacity:.6;cursor:not-allowed}.new-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.new-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.new-btn-secondary{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.new-btn-secondary:hover:not(:disabled){background:#fff;color:#1e293b;border-color:#cbd5e1;transform:translateY(-1px)}.new-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef44444d}.new-btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.schedule-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-input,.form-textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .3s ease;outline:none}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}@media(max-width:768px){.new-modal-container{width:95vw;max-height:95vh}.new-modal-header-content,.new-modal-body,.new-modal-footer{padding:16px}.new-modal-title{font-size:20px}.new-modal-footer{flex-direction:column;gap:8px}.new-action-btn{width:100%;justify-content:center}}@media print{.posts-overview-redesigned{background:#fff;padding:0}.overview-toolbar-redesigned,.view-mode-toggle,.btn-modern,.modal-overlay-modern,.new-modal-overlay{display:none!important}.overview-header-redesigned{background:#fff;box-shadow:none;border:1px solid #000}.post-card-modern,.table-view-modern{background:#fff;box-shadow:none;border:1px solid #000;break-inside:avoid}}:root{--pm-bg-primary: #ffffff;--pm-bg-secondary: #f8fafc;--pm-border-color: #e2e8f0;--pm-text-primary: #0f172a;--pm-text-secondary: #64748b;--pm-text-tertiary: #94a3b8;--pm-accent-color: #4f46e5;--pm-accent-hover: #4338ca;--pm-accent-light: #e0e7ff;--pm-success-color: #10b981;--pm-success-bg: #d1fae5;--pm-warning-color: #f59e0b;--pm-warning-bg: #fef3c7;--pm-danger-color: #ef4444;--pm-danger-bg: #fee2e2;--pm-radius-sm: 6px;--pm-radius-md: 12px;--pm-radius-lg: 16px;--pm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--pm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--pm-shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--pm-overlay-bg: rgba(15, 23, 42, .65);--pm-backdrop-blur: blur(4px)}.pm-overlay{position:fixed;inset:0;background:var(--pm-overlay-bg);-webkit-backdrop-filter:var(--pm-backdrop-blur);backdrop-filter:var(--pm-backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:pm-fade-in .2s ease-out}.pm-container{background:var(--pm-bg-primary);border-radius:var(--pm-radius-lg);width:100%;max-width:1400px;height:90vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--pm-shadow-lg);animation:pm-slide-up .3s cubic-bezier(.16,1,.3,1)}.pm-header{height:70px;border-bottom:1px solid var(--pm-border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--pm-bg-primary)}.pm-title-group{display:flex;align-items:center;gap:12px}.pm-title{font-size:18px;font-weight:600;color:var(--pm-text-primary);margin:0}.pm-status-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.pm-badge-draft{background:#f1f5f9;color:#475569}.pm-badge-scheduled{background:#dbeafe;color:#1e40af}.pm-badge-published{background:#d1fae5;color:#065f46}.pm-badge-review{background:#ffedd5;color:#9a3412}.pm-badge-approved{background:#dcfce7;color:#166534}.pm-badge-needs_changes{background:#fee2e2;color:#991b1b}.pm-header-actions{display:flex;gap:8px}.pm-btn-icon{width:36px;height:36px;border-radius:var(--pm-radius-sm);border:1px solid var(--pm-border-color);background:var(--pm-bg-primary);color:var(--pm-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pm-btn-icon:hover{background:var(--pm-bg-secondary);color:var(--pm-text-primary);border-color:var(--pm-text-tertiary)}.pm-btn-icon.danger:hover{background:var(--pm-danger-bg);color:var(--pm-danger-color);border-color:var(--pm-danger-color)}.pm-body{flex:1;display:flex;overflow:hidden;min-height:0}.pm-left-panel{flex:1.2;background:var(--pm-bg-secondary);padding:32px;overflow-y:auto;border-right:1px solid var(--pm-border-color);display:flex;flex-direction:column;gap:24px;min-height:0}.pm-right-panel{flex:.8;background:var(--pm-bg-primary);display:flex;flex-direction:column;min-width:400px;min-height:0}.pm-preview-card{background:var(--pm-bg-primary);border-radius:var(--pm-radius-md);border:1px solid var(--pm-border-color);box-shadow:var(--pm-shadow-sm);overflow:hidden;transition:box-shadow .2s}.pm-preview-header{padding:16px 20px;border-bottom:1px solid var(--pm-border-color);display:flex;justify-content:space-between;align-items:center}.pm-preview-title{font-size:16px;font-weight:600;color:var(--pm-text-primary)}.pm-platform-tag{font-size:12px;font-weight:500;color:var(--pm-text-secondary);background:var(--pm-bg-secondary);padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:6px}.pm-preview-content{padding:24px}.pm-caption{font-size:15px;line-height:1.6;color:var(--pm-text-primary);white-space:pre-wrap;margin-bottom:20px}.pm-hashtags{color:var(--pm-accent-color);font-weight:500;margin-top:8px;display:block}.pm-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:20px}.pm-media-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--pm-border-color);cursor:pointer}.pm-media-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.pm-media-item:hover img{transform:scale(1.05)}.pm-media-type-icon{position:absolute;top:8px;right:8px;background:#0009;color:#fff;padding:4px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pm-media-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.pm-media-item:hover .pm-media-overlay{opacity:1}.pm-tabs-header{display:flex;border-bottom:1px solid var(--pm-border-color);padding:0 16px;background:var(--pm-bg-primary)}.pm-tab{padding:16px 20px;font-size:14px;font-weight:500;color:var(--pm-text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;background:transparent;border-top:none;border-left:none;border-right:none}.pm-tab:hover{color:var(--pm-text-primary);background:var(--pm-bg-secondary)}.pm-tab.active{color:var(--pm-accent-color);border-bottom-color:var(--pm-accent-color)}.pm-tab-content{flex:1;overflow-y:auto;padding:24px;background:var(--pm-bg-secondary);min-height:0}.pm-comment-input-wrapper{background:var(--pm-bg-primary);border:1px solid var(--pm-border-color);border-radius:var(--pm-radius-md);padding:16px;margin-bottom:24px;box-shadow:var(--pm-shadow-sm)}.pm-textarea{width:100%;border:none;resize:none;font-family:inherit;font-size:14px;outline:none;min-height:80px;color:var(--pm-text-primary)}.pm-comment-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--pm-border-color)}.pm-btn{padding:8px 16px;border-radius:var(--pm-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.pm-btn-primary{background:var(--pm-accent-color);color:#fff}.pm-btn-primary:hover{background:var(--pm-accent-hover)}.pm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pm-comment-item{background:var(--pm-bg-primary);border:1px solid var(--pm-border-color);border-radius:var(--pm-radius-md);padding:16px;margin-bottom:12px}.pm-comment-header{display:flex;justify-content:space-between;margin-bottom:8px}.pm-user-name{font-weight:600;font-size:13px;color:var(--pm-text-primary)}.pm-time{font-size:12px;color:var(--pm-text-tertiary)}.pm-comment-body{font-size:14px;color:var(--pm-text-secondary);line-height:1.5}.pm-version-item{background:var(--pm-bg-primary);border:1px solid var(--pm-border-color);border-radius:var(--pm-radius-md);margin-bottom:12px;overflow:hidden;transition:all .2s}.pm-version-item:hover{border-color:var(--pm-text-tertiary)}.pm-version-header{padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.pm-version-info h4{margin:0;font-size:14px;font-weight:600;color:var(--pm-text-primary)}.pm-version-date{font-size:12px;color:var(--pm-text-tertiary);margin-top:2px}.pm-audit-list{display:flex;flex-direction:column}.pm-audit-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--pm-border-color)}.pm-audit-item:last-child{border-bottom:none}.pm-audit-icon{margin-top:2px}.pm-audit-content{flex:1}.pm-audit-header{display:flex;justify-content:space-between;margin-bottom:4px}.pm-audit-desc{font-size:13px;font-weight:600;color:var(--pm-text-primary)}.pm-audit-time{font-size:12px;color:var(--pm-text-tertiary)}.pm-audit-details{font-size:13px;color:var(--pm-text-secondary);line-height:1.4}.pm-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.pm-platform-field{display:flex;flex-direction:column;gap:4px}.pm-platform-field label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--pm-text-secondary);letter-spacing:.5px}.pm-platform-field span{font-size:13px;color:var(--pm-text-primary);word-break:break-all}@keyframes pm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.pm-body{flex-direction:column;overflow-y:auto}.pm-left-panel,.pm-right-panel{flex:none;width:100%;min-width:0}.pm-right-panel{border-top:1px solid var(--pm-border-color)}.pm-header{padding:0 16px}}.modal-overlay-redesigned{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:pm-fade-in .2s ease-out}.modal-container-redesigned{background:#fff;border-radius:16px;width:100%;max-width:1200px;height:90vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:pm-slide-up .3s cubic-bezier(.16,1,.3,1)}.modal-header-redesigned{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#fff}.modal-header-redesigned .header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-header-redesigned .title-section{flex:1;min-width:0}.modal-header-redesigned .post-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-header-redesigned .status-badges{display:flex;gap:8px;flex-wrap:wrap}.modal-header-redesigned .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.modal-header-redesigned .status-badge.status-draft{background:#f1f5f9;color:#475569}.modal-header-redesigned .status-badge.status-scheduled{background:#dbeafe;color:#1e40af}.modal-header-redesigned .status-badge.status-published{background:#d1fae5;color:#065f46}.modal-header-redesigned .status-badge.status-review{background:#ffedd5;color:#9a3412}.modal-header-redesigned .status-badge.status-approved{background:#dcfce7;color:#166534}.modal-header-redesigned .status-badge.status-needs_changes,.modal-header-redesigned .status-badge.status-rejected{background:#fee2e2;color:#991b1b}.modal-header-redesigned .version-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#e0e7ff;color:#4338ca}.modal-header-redesigned .schedule-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#fef3c7;color:#92400e;display:flex;align-items:center;gap:4px}.modal-header-redesigned .header-actions{display:flex;gap:8px}.modal-header-redesigned .action-btn{width:40px;height:40px;border-radius:10px;border:2px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.modal-header-redesigned .action-btn svg{width:18px;height:18px;stroke-width:2;flex-shrink:0}.modal-header-redesigned .action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.modal-header-redesigned .action-btn.approve-btn{border-color:#86efac;color:#22c55e}.modal-header-redesigned .action-btn.approve-btn svg{stroke:#22c55e}.modal-header-redesigned .action-btn.approve-btn:hover{background:#f0fdf4;border-color:#22c55e}.modal-header-redesigned .action-btn.reject-btn{border-color:#fca5a5;color:#ef4444}.modal-header-redesigned .action-btn.reject-btn svg{stroke:#ef4444}.modal-header-redesigned .action-btn.reject-btn:hover{background:#fef2f2;border-color:#ef4444}.modal-header-redesigned .action-btn.changes-btn{border-color:#fcd34d;color:#f59e0b}.modal-header-redesigned .action-btn.changes-btn svg{stroke:#f59e0b}.modal-header-redesigned .action-btn.changes-btn:hover{background:#fffbeb;border-color:#f59e0b}.modal-header-redesigned .action-btn.delete-post-btn{border-color:#fca5a5;color:#ef4444;background:#fef2f2}.modal-header-redesigned .action-btn.delete-post-btn svg{stroke:#ef4444}.modal-header-redesigned .action-btn.delete-post-btn:hover{background:#fee2e2;border-color:#ef4444}.modal-header-redesigned .action-btn.close-btn{border-color:#e2e8f0;color:#64748b}.modal-header-redesigned .action-btn.close-btn svg{stroke:#64748b}.modal-header-redesigned .action-btn.close-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.modal-header-redesigned .action-btn.close-btn:hover svg{stroke:#475569}.modal-header-redesigned .action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.modal-header-redesigned .action-btn:disabled{opacity:.5;cursor:not-allowed}.modal-nav-redesigned{display:flex;border-bottom:1px solid #e2e8f0;padding:0 24px;background:#fff}.modal-nav-redesigned .nav-tab{padding:14px 20px;font-size:14px;font-weight:500;color:#64748b;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.modal-nav-redesigned .nav-tab:hover{color:#1e293b;background:#f8fafc}.modal-nav-redesigned .nav-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.modal-content-redesigned{flex:1;overflow-y:auto;padding:24px;background:#f8fafc}.content-tab-redesigned{display:flex;flex-direction:column;gap:24px}.content-header-redesigned{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.content-title-redesigned{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center}.content-subtitle-redesigned{font-size:14px;color:#64748b;margin:4px 0 0}.content-actions-redesigned{display:flex;gap:8px}.content-primary-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;background:#4f46e5;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.content-primary-btn:hover{background:#4338ca}.content-grid-redesigned{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.content-section-redesigned{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.content-section-redesigned.full-width{grid-column:1 / -1}.content-section-redesigned .section-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 16px;display:flex;align-items:center}.fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field-with-icon{display:flex;flex-direction:column;gap:6px}.field-with-icon .field-header{display:flex;align-items:center;gap:6px}.field-with-icon .field-icon{color:#64748b}.field-with-icon .field-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.field-with-icon .field-content{font-size:14px;color:#1e293b}.platform-badge{display:inline-block;padding:2px 10px;background:#e0e7ff;color:#4338ca;border-radius:12px;font-size:13px;font-weight:500}.date-badge{display:inline-block;padding:2px 10px;background:#fef3c7;color:#92400e;border-radius:12px;font-size:13px;font-weight:500}.no-data{color:#94a3b8;font-style:italic}.hashtags-container-redesigned{display:flex;flex-wrap:wrap;gap:6px}.hashtag-redesigned{display:inline-block;padding:4px 10px;background:#e0e7ff;color:#4338ca;border-radius:12px;font-size:12px;font-weight:500}.media-grid-redesigned{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-grid-redesigned.small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.media-item-redesigned{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.media-preview-redesigned{aspect-ratio:1;overflow:hidden;background:#f1f5f9}.media-image-redesigned{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s}.media-image-redesigned:hover{transform:scale(1.05)}.media-filename-redesigned{padding:8px;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #e2e8f0}.media-actions-redesigned{display:flex;border-top:1px solid #e2e8f0}.media-btn-redesigned{flex:1;padding:8px;font-size:11px;background:transparent;border:none;cursor:pointer;color:#64748b;transition:all .2s}.media-btn-redesigned:hover{background:#f1f5f9;color:#1e293b}.media-btn-redesigned:first-child{border-right:1px solid #e2e8f0}.no-media-redesigned{padding:40px;text-align:center;color:#94a3b8;font-size:14px}.comments-tab-redesigned{display:flex;flex-direction:column;gap:20px}.add-comment-section-redesigned{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.add-comment-title-redesigned{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px}.comment-textarea-redesigned{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical;min-height:80px;font-family:inherit}.comment-textarea-redesigned:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.comment-controls-redesigned{display:flex;gap:12px;margin-top:12px;align-items:center}.comment-type-select-redesigned{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff}.add-comment-btn-redesigned{padding:8px 16px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.add-comment-btn-redesigned:hover{background:#4338ca}.add-comment-btn-redesigned:disabled{opacity:.5;cursor:not-allowed}.version-filter-redesigned{display:flex;align-items:center}.version-select-redesigned{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff}.comments-list-redesigned{display:flex;flex-direction:column;gap:12px}.comment-item-redesigned{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.comment-header-redesigned{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.comment-meta-redesigned{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-author-redesigned{font-weight:600;font-size:13px;color:#1e293b}.comment-type-badge-redesigned{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.comment-type-badge-redesigned.type-general{background:#f1f5f9;color:#475569}.comment-type-badge-redesigned.type-approval{background:#dcfce7;color:#166534}.comment-type-badge-redesigned.type-rejection{background:#fee2e2;color:#991b1b}.comment-type-badge-redesigned.type-change_request{background:#fef3c7;color:#92400e}.comment-version-badge-redesigned{padding:2px 8px;background:#e0e7ff;color:#4338ca;border-radius:12px;font-size:11px;font-weight:500}.comment-date-redesigned{font-size:12px;color:#94a3b8}.comment-actions-redesigned{display:flex;gap:4px}.comment-action-btn{padding:4px 8px;background:transparent;border:none;cursor:pointer;font-size:14px;border-radius:4px;transition:all .2s}.comment-action-btn:hover{background:#f1f5f9}.comment-content-redesigned{font-size:14px;color:#475569;line-height:1.5}.no-comments-redesigned{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.no-comments-icon-redesigned{font-size:48px;margin-bottom:12px}.no-comments-text-redesigned{font-size:16px;font-weight:600;color:#1e293b}.no-comments-subtext-redesigned{font-size:14px;color:#64748b;margin-top:4px}.comment-edit-form-redesigned{display:flex;flex-direction:column;gap:8px}.comment-edit-type-redesigned{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px}.comment-edit-textarea-redesigned{padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;resize:vertical;font-family:inherit}.comment-edit-actions-redesigned{display:flex;gap:8px}.save-edit-btn-redesigned,.cancel-edit-btn-redesigned{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none}.save-edit-btn-redesigned{background:#4f46e5;color:#fff}.cancel-edit-btn-redesigned{background:#f1f5f9;color:#475569}.versions-tab-redesigned{display:flex;flex-direction:column;gap:20px}.versions-list-redesigned{display:flex;flex-direction:column;gap:12px}.version-item-redesigned{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.version-item-redesigned.current{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.version-header-redesigned{padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.version-header-redesigned:hover{background:#f8fafc}.version-info-redesigned{display:flex;flex-direction:column;gap:4px}.version-title-redesigned{display:flex;align-items:center;gap:8px}.version-number-redesigned{font-weight:600;font-size:14px;color:#1e293b}.current-badge-redesigned{padding:2px 8px;background:#4f46e5;color:#fff;border-radius:12px;font-size:11px;font-weight:600}.version-status-redesigned{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.version-status-redesigned.status-approved{background:#dcfce7;color:#166534}.version-status-redesigned.status-rejected{background:#fee2e2;color:#991b1b}.version-status-redesigned.status-needs_changes{background:#fef3c7;color:#92400e}.version-status-redesigned.status-pending{background:#f1f5f9;color:#475569}.version-meta-redesigned{display:flex;align-items:center;gap:12px;font-size:12px;color:#64748b}.version-actions-redesigned{display:flex;gap:4px}.version-action-btn{padding:6px 8px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.version-details-redesigned{padding:16px;border-top:1px solid #e2e8f0;background:#f8fafc}.version-content-redesigned{display:flex;flex-direction:column;gap:12px}.version-field-redesigned{display:flex;flex-direction:column;gap:4px}.version-field-redesigned label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase}.version-field-redesigned p{margin:0;font-size:14px;color:#1e293b;line-height:1.5}.schedule-tab-redesigned{display:flex;flex-direction:column;gap:24px}.schedule-sections-redesigned{display:flex;flex-direction:column;gap:20px}.current-status-section-redesigned,.schedule-actions-section-redesigned{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.section-title-redesigned{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 16px}.status-info-redesigned{display:flex;flex-direction:column;gap:12px}.status-row-redesigned{display:flex;align-items:center;gap:12px}.status-label-redesigned{font-size:13px;color:#64748b;min-width:100px}.schedule-form-redesigned{display:flex;flex-direction:column;gap:12px}.audit-tab-redesigned{display:flex;flex-direction:column;gap:20px}.audit-stats-redesigned{display:flex;gap:8px}.approval-modal-container{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;animation:pm-slide-up .2s ease-out}.approval-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.approval-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.approval-modal-header .close-btn{background:transparent;border:none;font-size:20px;cursor:pointer;color:#64748b;padding:4px}.approval-modal-body{padding:24px}.approval-modal-body p{margin:0 0 16px;font-size:14px;color:#475569}.approval-textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;margin-bottom:16px}.approval-textarea:focus{outline:none;border-color:#4f46e5}.approval-modal-actions{display:flex;gap:12px;justify-content:flex-end}.approval-modal-actions .cancel-btn{padding:10px 20px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.approval-modal-actions .approve-btn{padding:10px 20px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.approval-modal-actions .reject-btn{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.approval-modal-actions .changes-btn{padding:10px 20px;background:#d97706;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.mobile-quick-actions{padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#fff}.mobile-action-buttons{display:flex;gap:8px}.mobile-action-btn{flex:1;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.mobile-action-btn.approve{background:#dcfce7;color:#166534}.mobile-action-btn.reject{background:#fee2e2;color:#991b1b}.mobile-action-btn.changes{background:#fef3c7;color:#92400e}.mobile-sections{display:flex;flex-direction:column}.mobile-section-header{padding:16px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.mobile-section-title{display:flex;align-items:center;gap:10px;font-weight:600;color:#1e293b}.mobile-section-toggle{color:#64748b}.media-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.media-item-compact{aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;cursor:pointer;position:relative}.media-preview-compact{width:100%;height:100%;position:relative}.media-image-compact{width:100%;height:100%;object-fit:cover}.media-video-compact,.media-file-compact{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b}.media-type-indicator{position:absolute;bottom:4px;right:4px;background:#0009;color:#fff;padding:2px 4px;border-radius:4px}.media-fallback-compact{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8}.no-media-compact{grid-column:1 / -1;padding:24px;text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:8px}.media-item-more{aspect-ratio:1;border-radius:8px;background:#e0e7ff;color:#4338ca;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:14px}@media(max-width:768px){.modal-container-redesigned{height:100vh;max-height:none;border-radius:0}.content-grid-redesigned,.fields-grid{grid-template-columns:1fr}.modal-header-redesigned .header-content{flex-direction:column;align-items:flex-start}.modal-header-redesigned .header-actions{width:100%;justify-content:flex-end}}.content-top-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.content-media-section,.content-info-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:400px;overflow-y:auto}.no-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#94a3b8;gap:12px}.info-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.content-section-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;margin-bottom:20px}.content-section-card.planning-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title .field-count{font-weight:400;color:#64748b;font-size:13px;margin-left:8px}.show-more-section-btn{padding:6px 14px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.show-more-section-btn:hover{background:#4338ca}.content-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.platform-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.data-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;min-height:70px;display:flex;flex-direction:column}.data-field-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.data-field-value{font-size:14px;color:#1e293b;line-height:1.5;flex:1;word-break:break-word}.data-field-empty{color:#94a3b8;font-style:italic;font-size:13px}.data-field-array{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.data-field-tag{display:inline-block;padding:3px 10px;background:#e0e7ff;color:#4338ca;border-radius:12px;font-size:12px;font-weight:500}.data-field-object{display:flex;flex-direction:column;gap:8px}.data-field-pre{margin:0;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:11px;font-family:Monaco,Menlo,monospace;color:#475569;overflow-x:auto;white-space:pre-wrap;max-height:120px;overflow-y:auto}.data-field-link{color:#4f46e5;text-decoration:none;word-break:break-all}.data-field-link:hover{text-decoration:underline}.data-field-text{display:flex;flex-direction:column;gap:6px}.data-field-more-btn{padding:4px 10px;background:#e2e8f0;color:#475569;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.data-field-more-btn:hover{background:#cbd5e1;color:#1e293b}.planning-section .data-field{background:#fff;border-color:#bae6fd}.planning-section .data-field-label{color:#0369a1}@media(max-width:900px){.content-top-row,.info-fields-grid,.platform-fields-grid,.content-details-grid{grid-template-columns:1fr}}.media-carousel{position:relative;width:100%;aspect-ratio:1;background:#000;border-radius:8px;overflow:hidden;cursor:pointer}.carousel-main{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-image{width:100%;height:100%;object-fit:contain;background:#000}.carousel-video{width:100%;height:100%;position:relative}.carousel-video-element{width:100%;height:100%;object-fit:contain;background:#000}.carousel-video-overlay{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px}.play-icon{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#000;padding-left:4px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#ffffffe6;border:none;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s;z-index:10;box-shadow:0 2px 8px #0000004d}.carousel-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-arrow-left{left:12px}.carousel-arrow-right{right:12px}.carousel-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .2s;padding:0}.carousel-dot.active{background:#fff;transform:scale(1.2)}.carousel-dot:hover{background:#fffc}.carousel-counter{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;z-index:10}.carousel-type-badge{position:absolute;top:12px;left:12px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;z-index:10}.carousel-empty{width:100%;aspect-ratio:1;background:#f1f5f9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;gap:12px}.carousel-fallback{width:100%;height:100%;background:#1e293b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:12px}.data-field-bool-true{color:#16a34a;font-weight:600}.data-field-bool-false{color:#94a3b8}.data-field-nested{display:flex;flex-direction:column;gap:4px}.data-field-nested-item{display:flex;gap:6px;font-size:13px}.nested-key{color:#64748b;font-weight:500}.nested-value{color:#1e293b}.content-media-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.content-media-section .media-carousel{margin-top:12px}.modal-header-redesigned .action-btn[title]:hover:after{content:attr(title);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:10000;pointer-events:none;box-shadow:0 4px 6px #0000001a}.modal-header-redesigned .action-btn{position:relative}.post-approval-dashboard{padding:.625rem;max-width:100%;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;overflow-x:hidden;box-sizing:border-box}@media(max-width:480px){.post-approval-dashboard{padding:8px 4px}}@media(min-width:481px)and (max-width:768px){.post-approval-dashboard{padding:12px 8px}}@media(min-width:769px)and (max-width:1024px){.post-approval-dashboard{padding:16px 12px;max-width:1024px}}@media(min-width:1025px)and (max-width:1440px){.post-approval-dashboard{padding:24px 16px;max-width:1440px}}@media(min-width:1441px){.post-approval-dashboard{padding:32px 20px;max-width:1600px}}.post-approval-dashboard.wow-theme,.post-approval-dashboard.wow-theme *{scrollbar-width:none;-ms-overflow-style:none}.post-approval-dashboard.wow-theme::-webkit-scrollbar,.post-approval-dashboard.wow-theme *::-webkit-scrollbar{width:0;height:0;background:transparent}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:3px;transition:background-color .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3afcc}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-header h2{margin:0 0 12px;color:#1e293b;font-size:32px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.dashboard-header p{margin:0;color:#64748b;font-size:18px;font-weight:400;line-height:1.6}.header-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.action-btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;letter-spacing:.025em;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-sizing:border-box;min-height:40px;width:max-content;overflow:visible}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 14px #3b82f666}.action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px)}.action-btn.secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.action-btn.secondary:hover{background-color:#e5e7eb}.loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:16px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(12px,2.5vw,20px)!important;grid-gap:clamp(12px,2.5vw,20px)!important;column-gap:clamp(12px,2.5vw,20px)!important;row-gap:clamp(12px,2.5vw,20px)!important;margin-bottom:clamp(20px,4vw,40px);padding:clamp(4px,1vw,16px);transform:translateZ(0);backface-visibility:hidden;perspective:1000px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;contain:layout style paint}@media(max-width:768px){.posts-grid{grid-template-columns:1fr;gap:16px;padding:8px}}@media(min-width:769px)and (max-width:1024px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding:12px}}@media(min-width:1025px)and (max-width:1440px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}@media(min-width:1441px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}}.posts-grid.scrolling{pointer-events:none}.posts-grid.scrolling .post-card{transform:translateZ(0);will-change:transform}.posts-grid:not(.scrolling) .post-card{will-change:auto}.post-card{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:clamp(8px,2vw,16px);padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden;display:flex;flex-direction:column;height:auto;min-height:clamp(280px,35vw,320px);width:100%;max-width:100%}@media(max-width:768px){.post-card{min-height:300px;border-radius:12px;margin:0 auto;max-width:100%}}@media(min-width:769px)and (max-width:1024px){.post-card{min-height:310px}}@media(min-width:1441px){.post-card{min-height:340px;border-radius:18px}}.post-card.modern-card{border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.post-card-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);border-bottom:1px solid #f3f4f6;background:#fafbfc;flex-wrap:wrap;gap:8px}@media(max-width:768px){.post-card-header{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:12px}.post-status-section{width:100%;justify-content:space-between}.post-card-actions{width:100%;justify-content:flex-end}}@media(min-width:769px)and (max-width:1024px){.post-card-header{padding:10px 14px}}.post-status-section{display:flex;align-items:center;gap:8px}.status-badge.modern{padding:clamp(3px,1vw,4px) clamp(6px,1.5vw,8px);border-radius:clamp(4px,1vw,6px);font-size:clamp(9px,2vw,11px);font-weight:600;text-transform:capitalize;color:#fff;display:inline-flex;align-items:center;gap:clamp(2px,.5vw,4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.version-info.modern{background:#f3f4f6;color:#6b7280;padding:clamp(2px,.5vw,3px) clamp(4px,1vw,6px);border-radius:clamp(3px,.5vw,4px);font-size:clamp(8px,1.5vw,10px);font-weight:500;white-space:nowrap}@media(max-width:768px){.status-badge.modern{font-size:10px;padding:4px 6px;max-width:100px}.version-info.modern{font-size:9px;padding:3px 5px}.post-status-section{gap:6px;flex-wrap:wrap}}@media(min-width:769px)and (max-width:1024px){.status-badge.modern{font-size:10px;max-width:110px}.version-info.modern{font-size:9px}}.post-card-actions{display:flex;gap:8px;align-items:center}.view-post-btn.modern{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:clamp(4px,1vw,6px);padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);font-size:clamp(10px,2vw,12px);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:32px;display:flex;align-items:center;justify-content:center}.view-post-btn.modern:hover{background:#1d4ed8;color:#fff}.delete-post-btn.modern{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:clamp(4px,1vw,6px);padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);font-size:clamp(10px,2vw,12px);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:32px;display:flex;align-items:center;justify-content:center}.delete-post-btn.modern:hover{background:#dc2626;color:#fff}@media(max-width:768px){.view-post-btn.modern,.delete-post-btn.modern{padding:8px 12px;font-size:11px;min-height:36px;flex:1;max-width:80px}.post-card-actions{gap:6px}}@media(min-width:769px)and (max-width:1024px){.view-post-btn.modern,.delete-post-btn.modern{padding:6px 10px;font-size:11px}}.post-image-container.modern{position:relative;width:100%;height:200px;overflow:hidden}.post-main-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-main-image{transform:scale(1.02)}.post-card-content.modern{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px}.post-title{margin:0;font-size:14px;font-weight:600;color:#1f2937;line-height:1.3}.post-caption-preview{font-size:13px;color:#4b5563;line-height:1.4;flex:1}.show-more{color:#6b7280;font-weight:500}.post-meta-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid #f3f4f6;font-size:11px;color:#6b7280}.media-count{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-weight:500}.post-card:hover{border-color:#3b82f680;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px) scale(1.02)}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.post-card:hover:before{opacity:1}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-badge{padding:8px 16px;border-radius:25px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.version-info{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.post-content h3{margin:0 0 8px;color:#1f2937;font-size:18px;font-weight:600}.post-description{color:#6b7280;font-size:14px;margin:0 0 12px;line-height:1.5}.post-caption{margin:12px 0;padding:12px;background:#f9fafb;border-radius:8px;border-left:3px solid #3b82f6}.post-caption strong{color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.post-caption p{margin:4px 0 0;color:#1f2937;font-size:14px;line-height:1.4}.post-media{margin:12px 0}.media-count{background:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;display:inline-block}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6;font-size:12px;color:#6b7280}.post-date{font-weight:500}.post-brand{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-weight:500}.empty-state{text-align:center;padding:80px 20px;color:#6b7280}.empty-state h3{margin:0 0 8px;color:#374151;font-size:20px}.empty-state p{margin:0 0 24px;font-size:16px}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:16px;width:90vw;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px -12px #0003;border:1px solid rgba(226,232,240,.8);animation:slideUp .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content.large{max-width:1000px;width:95vw;max-height:85vh}.modal-content.extra-large{max-width:1400px}.modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;background:#fafbfc;border-radius:16px 16px 0 0;flex-shrink:0;gap:16px;width:100%;box-sizing:border-box}.modal-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{display:flex;gap:12px;align-items:center;margin-top:8px}.close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:20px 24px 24px;flex:1;scroll-behavior:smooth;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:6px;color:#374151;font-weight:500;font-size:14px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-2px)}.form-input[type=datetime-local]{min-height:50px;cursor:pointer;position:relative;display:block;font-family:inherit;line-height:1.5;padding-right:50px}.form-input[type=datetime-local]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');background-size:24px 24px;background-repeat:no-repeat;background-position:center;cursor:pointer;width:30px;height:30px;padding:0;margin-left:10px;position:absolute;right:10px}.schedule-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:#cbd5e1}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;width:100%}.new-post-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.new-post-wrapper{background:#fff;border-radius:16px;width:95vw;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;border:1px solid #e5e7eb;overflow:hidden}.new-post-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.new-post-title{margin:0;font-size:20px;font-weight:700}.new-post-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:background .2s}.new-post-close:hover{background:#ffffff4d}.new-post-main{display:flex;flex:1;overflow:hidden}.new-post-form-area{flex:1.2;padding:24px;overflow-y:auto;border-right:1px solid #e5e7eb;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.new-post-assets-area{flex:1;padding:24px;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.new-post-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.new-post-section-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.new-post-field{margin-bottom:16px}.new-post-label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.new-post-required{color:#dc2626}.new-post-textbox,.new-post-bigtext,.new-post-dropdown{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s;box-sizing:border-box}.new-post-textbox:focus,.new-post-bigtext:focus,.new-post-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.new-post-bigtext{resize:vertical;min-height:80px;font-family:inherit}.new-post-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:400px;overflow-y:auto;margin-top:12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;contain:layout style paint;will-change:scroll-position}.new-post-asset{position:relative;border:2px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;background:#fff;contain:layout style paint;transform:translateZ(0)}.new-post-asset:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.new-post-asset-selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 2px 8px #3b82f633}.new-post-asset-image{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:8px;transform:translateZ(0);backface-visibility:hidden;image-rendering:optimizeSpeed}.new-post-asset-file{width:100%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;border-radius:4px;margin-bottom:8px}.new-post-asset-name{font-size:11px;font-weight:600;color:#374151;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-post-asset-check{position:absolute;top:4px;right:4px;background:#10b981;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.new-post-empty{text-align:center;padding:40px 20px;color:#6b7280}.new-post-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:#fafbfc}.new-post-button{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.new-post-button-cancel{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.new-post-button-cancel:hover{background:#e5e7eb}.new-post-button-create{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 14px #3b82f666}.new-post-button-create:hover{box-shadow:0 6px 20px #3b82f699;transform:translateY(-1px)}.new-post-button-create:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.new-version-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.new-version-wrapper{background:#fff;border-radius:16px;width:95vw;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;border:1px solid #e5e7eb;overflow:hidden}.new-version-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.new-version-title{margin:0;font-size:20px;font-weight:700}.new-version-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:background .2s}.new-version-close:hover{background:#ffffff4d}.new-version-main{display:flex;flex:1;overflow:hidden}.new-version-form-area{flex:1.2;padding:24px;overflow-y:auto;border-right:1px solid #e5e7eb;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.new-version-assets-area{flex:1;padding:24px;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.new-version-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.new-version-section-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.new-version-description{margin:0 0 16px;color:#6b7280;font-size:14px;font-style:italic}.new-version-field{margin-bottom:16px}.new-version-label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.new-version-required{color:#dc2626}.new-version-textbox,.new-version-bigtext{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;color:#374151;transition:border-color .2s;box-sizing:border-box}.new-version-textbox:focus,.new-version-bigtext:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.new-version-bigtext{resize:vertical;min-height:80px;font-family:inherit}.new-version-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:400px;overflow-y:auto;margin-top:12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;contain:layout style paint;will-change:scroll-position}.new-version-asset{position:relative;border:2px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;background:#fff;contain:layout style paint;transform:translateZ(0)}.new-version-asset:hover{border-color:#10b981;box-shadow:0 2px 8px #10b98126}.new-version-asset-selected{border-color:#10b981;background:#ecfdf5;box-shadow:0 2px 8px #10b98133}.new-version-asset-image{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:8px;transform:translateZ(0);backface-visibility:hidden;image-rendering:optimizeSpeed}.new-version-asset-file{width:100%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;border-radius:4px;margin-bottom:8px}.new-version-asset-name{font-size:11px;font-weight:600;color:#374151;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-version-asset-check{position:absolute;top:4px;right:4px;background:#10b981;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.new-version-empty{text-align:center;padding:40px 20px;color:#6b7280}.new-version-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:#fafbfc}.new-version-button{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.new-version-button-cancel{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.new-version-button-cancel:hover{background:#e5e7eb}.new-version-button-create{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98166}.new-version-button-create:hover{box-shadow:0 6px 20px #10b98199;transform:translateY(-1px)}.new-version-button-create:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.new-version-wrapper{width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0}.new-version-overlay{padding:0;align-items:stretch}.new-version-header{padding:1rem 1.5rem;flex-shrink:0}.new-version-title{font-size:1.125rem}.new-version-close{width:40px;height:40px;font-size:18px}.new-version-main{flex-direction:column;overflow-y:auto}.new-version-form-area{flex:none;border-right:none;border-bottom:1px solid #e5e7eb;padding:1.5rem;overflow-y:visible}.new-version-assets-area{flex:none;padding:1.5rem;overflow-y:visible}.new-version-card{padding:1rem;margin-bottom:1rem}.new-version-section-title{font-size:1rem;margin-bottom:1rem}.new-version-field{margin-bottom:1.25rem}.new-version-label{font-size:.875rem;margin-bottom:.5rem}.new-version-textbox,.new-version-bigtext{padding:.875rem 1rem;font-size:1rem;border-radius:8px}.new-version-bigtext{min-height:100px}.new-version-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:300px}.new-version-asset{padding:.5rem;border-radius:8px}.new-version-asset-image,.new-version-asset-file{height:70px;margin-bottom:.5rem}.new-version-asset-name{font-size:.75rem}.new-version-asset-check{width:24px;height:24px;font-size:14px}.new-version-footer{padding:1rem 1.5rem;flex-direction:column;gap:.75rem}.new-version-button{width:100%;padding:1rem 1.5rem;font-size:1rem;min-height:48px;border-radius:8px}.new-version-button-cancel{order:2}.new-version-button-create{order:1}.new-version-description{font-size:.875rem;margin-bottom:1rem}.new-version-empty{padding:2rem 1rem;font-size:.875rem}.new-version-main,.new-version-gallery{-webkit-overflow-scrolling:touch}.new-version-field:last-child{margin-bottom:0}.new-version-textbox:focus,.new-version-bigtext:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}}@media(min-width:769px)and (max-width:1024px){.new-version-wrapper{width:90vw;max-width:900px}.new-version-form-area{flex:1.1;padding:1.5rem}.new-version-assets-area{flex:.9;padding:1.5rem}.new-version-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.create-post-modal-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px 24px;border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.create-post-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-post-modal-header .close-btn{background:#fff;border:2px solid #e5e7eb;color:#6b7280;width:36px;height:36px;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.create-post-modal-header .close-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.create-post-modal-body{padding:24px;display:flex;flex-direction:column;flex:1;overflow:hidden}.create-post-form-redesigned{display:flex;gap:24px;flex:1;overflow:hidden}.create-post-left-column{flex:1.2;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px}.create-post-right-column{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px}.create-post-section{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.create-post-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.create-post-section h4:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.create-post-form-group{margin-bottom:16px}.create-post-form-group:last-child{margin-bottom:0}.create-post-form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.create-post-form-group .required{color:#dc2626}.create-post-input,.create-post-textarea,.create-post-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;box-sizing:border-box}.create-post-input:focus,.create-post-textarea:focus,.create-post-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.create-post-textarea{resize:vertical;min-height:80px}.create-post-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:300px;overflow-y:auto;margin-top:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.create-post-asset-item{position:relative;border:2px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;background:#fff}.create-post-asset-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.create-post-asset-item.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 2px 8px #3b82f633}.create-post-asset-preview{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:8px}.create-post-asset-placeholder{width:100%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;border-radius:4px;margin-bottom:8px}.create-post-asset-info h5{margin:0 0 4px;font-size:11px;font-weight:600;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-post-selected-indicator{position:absolute;top:4px;right:4px;background:#10b981;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.create-post-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:2px solid #e5e7eb;flex-shrink:0}.create-post-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px}.create-post-btn.secondary{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.create-post-btn.secondary:hover{background:#e5e7eb;border-color:#9ca3af}.create-post-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 14px #3b82f666}.create-post-btn.primary:hover{box-shadow:0 6px 20px #3b82f699;transform:translateY(-1px)}.create-post-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.form-section{background:#fafbfc;padding:16px;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.form-section h4{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.section-description{margin:0 0 16px;color:#6b7280;font-size:14px}.create-post-form>.form-section:first-of-type .form-row{grid-template-columns:1fr}.form-group small{display:block;margin-top:4px;color:#6b7280;font-size:12px}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:250px;overflow-y:auto;padding:8px;border:1px solid #e5e7eb;border-radius:6px;background:#fafbfc}.asset-item{position:relative;border:2px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;background:#fff}.asset-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.asset-item.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 2px 8px #3b82f633}.asset-preview{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:8px}.asset-placeholder{width:100%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;border-radius:4px;margin-bottom:8px}.asset-placeholder span{font-size:24px;margin-bottom:4px}.asset-placeholder p{margin:0;font-size:10px;color:#6b7280;text-align:center;word-break:break-word}.asset-info h5{margin:0 0 2px;font-size:11px;font-weight:600;color:#1f2937;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-info p{margin:0;font-size:10px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-indicator{position:absolute;top:4px;right:4px;background:#10b981;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.empty-assets{text-align:center;padding:40px 20px;color:#6b7280}.empty-assets p{margin:0 0 16px}@media(max-width:768px){.post-approval-dashboard{padding:16px}.dashboard-header{padding:20px;flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:center}.post-approval-dashboard .posts-grid{grid-template-columns:1fr!important;gap:16px!important;padding:12px!important;height:auto!important;max-height:none!important;overflow-y:visible!important;align-content:start!important}.create-post-form{grid-template-columns:1fr;gap:20px}.form-row{grid-template-columns:1fr}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.modal-content{width:95vw;margin:20px}.modal-header,.modal-body{padding:20px}.action-btn{padding:12px 20px;font-size:14px}}.post-detail-content{max-height:70vh;overflow-y:auto;padding:0 4px;scroll-behavior:smooth}.content-section,.media-section,.metadata-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.content-section:last-child,.media-section:last-child,.metadata-section:last-child{border-bottom:none;margin-bottom:0}.detail-group{margin-bottom:16px}.detail-group label{display:block;font-weight:600;color:#374151;margin-bottom:4px;font-size:14px}.detail-group p{margin:0;color:#6b7280;line-height:1.5;white-space:pre-wrap}.caption-text{background-color:#f9fafb;padding:12px;border-radius:8px;border-left:4px solid #3b82f6;font-style:italic}.hashtags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hashtag-tag{background-color:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:16px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fafbfc}.media-preview-item{text-align:center}.media-preview-image{width:100%;height:80px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;transition:border-color .2s}.media-preview-image:hover{border-color:#3b82f6}.media-placeholder{width:100%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:8px;border:2px dashed #d1d5db}.media-placeholder span{font-size:24px;margin-bottom:4px}.media-placeholder p{font-size:10px;color:#6b7280;margin:0}.media-filename{font-size:10px;color:#6b7280;margin-top:4px;word-break:break-all}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.metadata-item{padding:8px;background-color:#f9fafb;border-radius:6px}.metadata-item label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px}.metadata-item span{font-size:13px;color:#374151;font-weight:500}.modal-content.extra-large{width:95%;max-width:1200px;height:90vh;max-height:900px}.modal-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.post-approval-dashboard.wow-theme .modal-actions .action-btn{padding:14px 22px;font-size:16px;border-radius:12px;min-height:44px;width:max-content;white-space:nowrap;overflow:visible}.post-approval-dashboard.wow-theme .modal-actions .action-btn.secondary{background-color:#f1f5f9;color:#111827;border:1px solid #e5e7eb}.post-approval-dashboard.wow-theme .modal-actions .action-btn.success{background-color:#10b981;color:#fff}.post-approval-dashboard.wow-theme .modal-actions .action-btn.danger{background-color:#ef4444;color:#fff}.post-approval-dashboard.wow-theme .modal-actions .action-btn:disabled{opacity:.6;cursor:not-allowed}.post-approval-dashboard.wow-theme .modal-actions{gap:20px}.post-approval-dashboard.wow-theme .modal-actions .action-btn{flex:0 0 auto;font-weight:700;letter-spacing:.01em}.post-approval-dashboard.wow-theme .modal-actions .close-btn{flex:0 0 auto;width:40px;height:40px;border-radius:8px}.scheduled-date{background-color:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:12px;font-size:12px}.tab-navigation{display:flex;background:#f8fafc;border-radius:16px;margin-bottom:32px;box-shadow:inset 0 2px 4px #0000000f;padding:0 16px}.tab-btn{padding:12px 24px;border:none;background:transparent;cursor:pointer;font-weight:600;color:#64748b;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex:1;text-align:center;font-size:14px}.tab-btn:hover{color:#374151;background-color:#f3f4f6}.tab-btn.active{background:#fff;color:#3b82f6;box-shadow:0 2px 4px #0000001a}.tab-btn:hover:not(.active){color:#475569;background:#ffffff80}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.content-header h4{margin:0;color:#374151}.action-btn.small{padding:8px 14px;font-size:13px;gap:4px;min-height:32px;white-space:nowrap;width:max-content;overflow:visible}.action-btn.success{background-color:#10b981;color:#fff}.action-btn.success:hover{background-color:#059669}.action-btn.danger{background-color:#ef4444;color:#fff}.action-btn.danger:hover{background-color:#dc2626}.asset-comments-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.asset-comments-btn:hover{background-color:#e5e7eb}.versions-list{display:flex;flex-direction:column;gap:12px}.version-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.version-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000001a}.version-item.selected{border-color:#3b82f6;background-color:#f0f9ff}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-header h5{margin:0;color:#374151}.version-date{font-size:12px;color:#6b7280}.version-notes{font-size:14px;color:#6b7280;margin:0;font-style:italic}.version-details{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.version-content{display:flex;flex-direction:column;gap:8px}.version-content strong{color:#374151;font-size:13px}.version-content p{margin:0;font-size:13px;color:#6b7280}.add-comment-section{margin-bottom:24px;padding:16px;background-color:#f9fafb;border-radius:8px}.comment-form{display:flex;flex-direction:column;gap:12px}.comment-type-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px}.comment-textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{padding:16px;border-radius:8px;border-left:4px solid #e5e7eb}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.comment-type-badge{background-color:#e5e7eb;color:#374151;padding:2px 6px;border-radius:4px;font-size:10px;text-transform:uppercase;font-weight:600}.comment-date{font-size:12px;color:#6b7280}.version-badge{background-color:#dbeafe;color:#1e40af;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.comment-text{margin:0;font-size:14px;color:#374151;line-height:1.5}.schedule-form{display:flex;flex-direction:column;gap:20px}.schedule-actions{display:flex;gap:12px;flex-wrap:wrap}.audit-timeline{display:flex;flex-direction:column;gap:16px}.audit-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#f9fafb;border-radius:8px}.audit-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;border:2px solid #e5e7eb}.audit-details{flex:1}.audit-details strong{display:block;color:#374151;margin-bottom:4px}.audit-details p{margin:0 0 4px;font-size:14px;color:#6b7280}.audit-date{font-size:12px;color:#9ca3af}.version-form{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.modal-content.extra-large{width:100%;height:100vh;max-height:none;border-radius:0}.tab-navigation{flex-wrap:wrap;padding:0 8px}.tab-btn{padding:8px 12px;font-size:12px}.modal-actions{flex-wrap:wrap;gap:4px}.content-header{flex-direction:column;align-items:flex-start;gap:8px}.schedule-actions{flex-direction:column}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.asset-comments-content{display:flex;flex-direction:column;gap:24px;max-height:70vh;overflow-y:auto}.comments-section h4{margin:0 0 16px;color:#374151;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.empty-comments{text-align:center;padding:40px 20px;background-color:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.empty-comments p{color:#6b7280;margin:0;font-style:italic}.resolved-badge{background-color:#d1fae5;color:#065f46;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.comment-actions{margin-top:12px;display:flex;gap:8px}.media-preview-image:hover,.media-placeholder:hover{opacity:.8;transform:scale(1.02);transition:all .2s}.media-preview-item{position:relative}.edit-comment-form{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px;background-color:#f0f9ff;border-radius:6px;border:1px solid #bfdbfe}.comment-type-select.small{padding:4px 8px;font-size:12px;border-radius:4px}.comment-textarea.small{padding:8px;font-size:13px;border-radius:4px;min-height:60px}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.comment-actions{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.action-btn.small{padding:8px 14px;font-size:13px;border-radius:6px;white-space:nowrap;width:max-content;min-height:32px;box-sizing:border-box;overflow:visible}.comment-item:hover .comment-actions{opacity:1}.comment-actions{opacity:.7;transition:opacity .2s}.comment-item{position:relative;transition:all .2s}.comment-item:hover{background-color:#fafafa;border-left-width:6px}.comment-item.general{border-left-color:#6b7280}.comment-item.approval{border-left-color:#10b981;background-color:#f0fdf4}.comment-item.rejection{border-left-color:#ef4444;background-color:#fef2f2}.comment-item.change_request{border-left-color:#f59e0b;background-color:#fffbeb}.media-preview-container{position:relative;width:100%;height:80px}.remove-asset-btn{position:absolute;top:4px;right:4px;background-color:#ef4444e6;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;opacity:0;transition:all .2s;z-index:10}.remove-asset-btn:hover{background-color:#dc2626f2;transform:scale(1.1)}.media-preview-item:hover .remove-asset-btn{opacity:1}.media-actions{display:flex;gap:4px;margin-top:4px;justify-content:center}.version-media-preview{margin-top:8px}.media-preview-grid.small{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin-top:8px}.media-preview-item.small{position:relative;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;background:#f9fafb}.media-preview-image.small{width:100%;height:60px;object-fit:cover;cursor:pointer;transition:opacity .2s}.media-preview-image.small:hover{opacity:.8}.media-placeholder.small{width:100%;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.media-placeholder.small:hover{background-color:#f3f4f6}.media-placeholder.small span{font-size:16px;margin-bottom:2px}.media-placeholder.small p{font-size:8px;margin:0;text-align:center;word-break:break-all;line-height:1.2}.media-actions.small{position:absolute;top:2px;right:2px;opacity:0;transition:opacity .2s}.media-preview-item.small:hover .media-actions.small{opacity:1}.asset-comments-btn.icon-only{width:32px;height:28px;padding:0;border-radius:6px}.asset-comments-btn.small{background:#3b82f6e6;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:12px;cursor:pointer;white-space:nowrap;width:max-content;box-sizing:border-box;min-height:28px;overflow:visible}.version-filter{display:flex;align-items:center;gap:8px}.version-filter label{font-size:14px;font-weight:500;color:#374151}.comment-form-header{display:flex;gap:12px;margin-bottom:8px;align-items:center}.old-version-badge{background:#6b7280;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.modal-content.image-preview{max-width:90vw;max-height:90vh;width:auto;height:auto}.image-preview-actions{display:flex;align-items:center;gap:8px}.modal-body.image-preview-body{padding:20px;display:flex;justify-content:center;align-items:center;background:#f9fafb}.preview-image{box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;text-align:center}.image-info{margin:0;color:#6b7280;font-size:14px}.asset-download-btn.small{background:#10b981e6;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:12px;cursor:pointer;margin-left:4px;white-space:nowrap;width:max-content;box-sizing:border-box;min-height:28px;overflow:visible}.asset-download-btn.small:hover{background:#10b981}.media-actions.small{display:flex;gap:2px}.version-header{display:flex;justify-content:space-between;align-items:center;width:100%}.version-header-actions{display:flex;align-items:center;gap:8px}.edit-version-btn{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .2s}.edit-version-btn:hover{background:#2563eb}.current-media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin:12px 0;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.current-media-preview .media-preview-item{position:relative;border:1px solid #d1d5db;border-radius:4px;overflow:hidden}.remove-media-btn{position:absolute;top:2px;right:2px;background:#ef4444e6;color:#fff;border:none;border-radius:2px;width:16px;height:16px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-media-btn:hover{background:#ef4444}.content-header-actions{display:flex;align-items:center;gap:8px}.pad-hero{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:16px;padding:16px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 28px #02061714;margin-bottom:12px}.pad-hero-left{display:flex;gap:12px;align-items:center}.pad-hero-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border:1px solid #c7d2fe;font-size:22px}.pad-title{margin:0;font-size:22px}.pad-subtitle{margin:4px 0 0;color:#6b7280}.pad-hero-actions{display:flex;gap:8px;justify-content:flex-end}.pad-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pad-chip{padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;font-size:12px;color:#111827}.pad-chip.neutral{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.pad-chip.info{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.pad-chip.success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.pad-chip.warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.pad-chip.muted{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.pad-chip.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.pad-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 16px;padding:12px;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0206170f}.pad-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pad-search input{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:240px;background:#fff;color:#111827;transition:box-shadow .2s ease,border-color .2s ease}.pad-search input:focus{box-shadow:0 0 0 4px #3b82f626;border-color:#93c5fd}.pad-search input::placeholder{color:#6b7280}.pad-select{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827}.pad-count{color:#6b7280;font-size:12px}.post-approval-dashboard .posts-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:16px!important;grid-gap:16px!important;column-gap:16px!important;row-gap:16px!important;padding:16px;box-sizing:border-box;grid-auto-rows:minmax(100px,auto);grid-auto-flow:row dense}.post-approval-dashboard .posts-grid>*{margin:8px!important}.post-approval-dashboard .post-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px #0206170f;overflow:hidden;transition:transform .18s ease,box-shadow .2s ease}.post-approval-dashboard .post-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0206171f}.post-approval-dashboard .post-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}.post-approval-dashboard .post-status .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;font-size:12px;text-transform:capitalize}.post-approval-dashboard .version-info{color:#6b7280;font-size:12px}.post-approval-dashboard .delete-post-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#ef4444;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.post-approval-dashboard .delete-post-btn:before{content:"🗑️"}.post-approval-dashboard .delete-post-btn:hover{background:#fef2f2;border-color:#fecaca}.post-approval-dashboard .post-media-preview{padding:8px 12px 0}.post-approval-dashboard .media-collage{display:grid;gap:8px;border-radius:12px;overflow:hidden;margin:8px 12px 0;height:clamp(160px,24vw,220px)}.post-approval-dashboard .media-collage.n1{grid-template-columns:1fr;grid-template-rows:1fr}.post-approval-dashboard .media-collage.n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.post-approval-dashboard .media-collage.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.post-approval-dashboard .media-collage.n3 .collage-tile:nth-child(1){grid-row:1 / span 2;grid-column:1 / 2}.post-approval-dashboard .media-collage.n3 .collage-tile:nth-child(2){grid-row:1 / 2;grid-column:2 / 3}.post-approval-dashboard .media-collage.n3 .collage-tile:nth-child(3){grid-row:2 / 3;grid-column:2 / 3}.post-approval-dashboard .media-collage.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-approval-dashboard .collage-tile{position:relative;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer}.post-approval-dashboard .collage-tile .tile-img{width:100%;height:100%;object-fit:cover;display:block}.post-approval-dashboard .collage-tile.img{background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease}.post-approval-dashboard .collage-tile.img:hover{transform:scale(1.03);box-shadow:0 10px 24px #0206172e}.post-approval-dashboard .collage-tile .tile-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.post-approval-dashboard .collage-tile:hover .tile-actions{opacity:1;transform:translateY(0)}.post-approval-dashboard .tile-btn{padding:6px 10px;font-size:12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;box-shadow:0 4px 12px #02061714}.post-approval-dashboard .tile-btn:hover{background:#f8fafc}.post-approval-dashboard .tile-btn.ghost{background:#111827;color:#fff;border-color:#111827}.post-approval-dashboard .collage-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#02061700,#0206171f);opacity:0;transition:opacity .2s ease}.post-approval-dashboard .collage-tile:hover:after{opacity:1}.post-approval-dashboard .collage-tile .file-chip{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px;box-shadow:0 4px 12px #02061714}.post-approval-dashboard .more-overlay{position:absolute;inset:0;background:#02061773;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:18px;letter-spacing:.3px}.post-approval-dashboard .media-count-text{padding:8px 0 10px;margin:0 12px;color:#6b7280;font-size:12px}.post-approval-dashboard .post-content{padding:0 14px 12px}.post-approval-dashboard .post-content h3{margin:6px 0;font-size:16px;color:#111827}.post-approval-dashboard .post-description{margin:0;color:#374151;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-approval-dashboard .post-caption{margin-top:8px}.post-approval-dashboard .post-caption p{margin:4px 0 0;color:#374151;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-approval-dashboard .post-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px}.post-approval-dashboard .post-brand:empty{display:none}.post-approval-dashboard.wow-theme{--wow-bg1: #f8fafc;--wow-bg2: #eef2ff;--wow-card-bg: rgba(255, 255, 255, .82);--wow-glass-border: rgba(226, 232, 240, .5);--wow-shadow: 0 10px 25px rgba(2, 6, 23, .08);--wow-primary: #3b82f6;--wow-accent: #8b5cf6;--wow-muted: #64748b;background:radial-gradient(1200px 600px at 0% 0%,#eff6ff 0,transparent 60%),radial-gradient(1000px 500px at 100% 0%,#f5f3ff 0,transparent 60%),linear-gradient(135deg,var(--wow-bg1),var(--wow-bg2))}.post-approval-dashboard.wow-theme .dashboard-header,.post-approval-dashboard.wow-theme .post-card,.post-approval-dashboard.wow-theme .modal-content,.post-approval-dashboard.wow-theme .add-comment-section,.post-approval-dashboard.wow-theme .version-item,.post-approval-dashboard.wow-theme .asset-item,.post-approval-dashboard.wow-theme .comment-item,.post-approval-dashboard.wow-theme .audit-item{background:var(--wow-card-bg)!important;backdrop-filter:saturate(120%) blur(14px);-webkit-backdrop-filter:saturate(120%) blur(14px);border:1px solid var(--wow-glass-border)!important;box-shadow:var(--wow-shadow)!important}.post-approval-dashboard.wow-theme .tab-navigation{background:#fff9;border:1px solid var(--wow-glass-border);position:sticky;top:0;z-index:5;margin-top:-8px}.post-approval-dashboard.wow-theme .tab-btn.active{background:linear-gradient(135deg,#3b82f61f,#8b5cf61f);color:var(--wow-primary);border:1px solid rgba(59,130,246,.25)}.post-approval-dashboard.wow-theme .action-btn.primary{background:linear-gradient(135deg,var(--wow-primary),var(--wow-accent))}.post-approval-dashboard.wow-theme .action-btn.primary:hover{box-shadow:0 10px 30px #3b82f673;transform:translateY(-2px) scale(1.01)}.post-approval-dashboard.wow-theme .modal-overlay{background:radial-gradient(800px 400px at 0% 0%,rgba(59,130,246,.15),transparent 60%),radial-gradient(800px 400px at 100% 0%,rgba(139,92,246,.15),transparent 60%),#0f172a99}.post-approval-dashboard.wow-theme .status-badge{filter:saturate(115%)}.post-approval-dashboard.wow-theme{--wow-bg1: #f8fafc;--wow-bg2: #eef2f7;--wow-card-bg: #ffffff;--wow-glass-border: #e5e7eb;--wow-shadow: 0 8px 20px rgba(2, 6, 23, .06);--wow-primary: #2563eb;--wow-accent: #7c3aed;--wow-muted: #64748b;background:linear-gradient(180deg,var(--wow-bg1),var(--wow-bg2))}.post-approval-dashboard.wow-theme .dashboard-header,.post-approval-dashboard.wow-theme .post-card,.post-approval-dashboard.wow-theme .modal-content,.post-approval-dashboard.wow-theme .add-comment-section,.post-approval-dashboard.wow-theme .version-item,.post-approval-dashboard.wow-theme .asset-item,.post-approval-dashboard.wow-theme .comment-item,.post-approval-dashboard.wow-theme .audit-item{background:var(--wow-card-bg)!important;border:1px solid var(--wow-glass-border)!important;box-shadow:var(--wow-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.post-approval-dashboard.wow-theme .dashboard-header,.post-approval-dashboard.wow-theme .status-badge{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.post-approval-dashboard.wow-theme .tab-navigation{background:#fff;border:1px solid var(--wow-glass-border)}.post-approval-dashboard.wow-theme .tab-btn.active{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.post-approval-dashboard.wow-theme .action-btn.primary{background:var(--wow-primary)}.post-approval-dashboard.wow-theme .action-btn.primary:hover{background:#1d4ed8;box-shadow:0 10px 24px #2563eb40}.post-approval-dashboard.wow-theme .modal-overlay{background:#0f172a8c}.post-approval-dashboard.wow-theme .action-btn{padding:12px 18px;font-size:15px;border-radius:10px}.post-approval-dashboard.wow-theme .action-btn.small{padding:10px 14px;font-size:14px;border-radius:8px;min-height:36px}.post-approval-dashboard.wow-theme .action-btn,.post-approval-dashboard.wow-theme .post-card,.post-approval-dashboard.wow-theme .tab-btn{transition:background-color .2s,border-color .2s,color .2s}.post-approval-dashboard.wow-theme .post-card:hover{transform:none;box-shadow:0 8px 18px #0206170f}.post-approval-dashboard.wow-theme .asset-comments-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;padding:10px 14px;font-size:14px;border-radius:8px}.post-approval-dashboard.wow-theme .asset-comments-btn:hover{background:#e2e8f0}.post-approval-dashboard.wow-theme .comment-actions{opacity:1!important}.post-approval-dashboard.wow-theme .media-actions.small{position:static;opacity:1;display:flex;justify-content:center;margin-top:4px}.post-approval-dashboard.wow-theme .media-preview-image:hover,.post-approval-dashboard.wow-theme .media-placeholder:hover{transform:none;opacity:.95}.post-approval-dashboard button,.post-approval-dashboard .action-btn,.post-approval-dashboard .action-btn.small,.post-approval-dashboard .action-btn.primary,.post-approval-dashboard .action-btn.secondary,.post-approval-dashboard .action-btn.success,.post-approval-dashboard .action-btn.danger,.post-approval-dashboard .asset-comments-btn,.post-approval-dashboard .asset-comments-btn.small,.post-approval-dashboard .asset-download-btn,.post-approval-dashboard .asset-download-btn.small,.post-approval-dashboard .tab-btn{width:max-content!important;min-width:unset!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.post-approval-dashboard select,.post-approval-dashboard .form-select,.post-approval-dashboard .comment-type-select{color:#374151!important;background-color:#fff!important;border:2px solid #e2e8f0!important;padding:8px 12px!important;border-radius:6px!important}.post-approval-dashboard.wow-theme button,.post-approval-dashboard.wow-theme .action-btn,.post-approval-dashboard.wow-theme .action-btn.small,.post-approval-dashboard.wow-theme .action-btn.primary,.post-approval-dashboard.wow-theme .action-btn.secondary,.post-approval-dashboard.wow-theme .action-btn.success,.post-approval-dashboard.wow-theme .action-btn.danger,.post-approval-dashboard.wow-theme .asset-comments-btn,.post-approval-dashboard.wow-theme .asset-comments-btn.small,.post-approval-dashboard.wow-theme .asset-download-btn,.post-approval-dashboard.wow-theme .asset-download-btn.small,.post-approval-dashboard.wow-theme .modal-actions .action-btn,.post-approval-dashboard.wow-theme .tab-btn{width:max-content!important;min-width:unset!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 16px!important;font-size:14px!important;min-height:32px!important}.post-approval-dashboard .modal-actions .action-btn,.post-approval-dashboard.wow-theme .modal-actions .action-btn{padding:12px 20px!important;font-size:15px!important;min-height:40px!important}.post-approval-dashboard .media-actions button,.post-approval-dashboard .media-actions.small button,.post-approval-dashboard .media-actions .asset-comments-btn,.post-approval-dashboard .media-actions .asset-comments-btn.small,.post-approval-dashboard .media-actions .asset-download-btn,.post-approval-dashboard .media-actions .asset-download-btn.small,.post-approval-dashboard.wow-theme .media-actions button,.post-approval-dashboard.wow-theme .media-actions.small button,.post-approval-dashboard.wow-theme .media-actions .asset-comments-btn,.post-approval-dashboard.wow-theme .media-actions .asset-comments-btn.small,.post-approval-dashboard.wow-theme .media-actions .asset-download-btn,.post-approval-dashboard.wow-theme .media-actions .asset-download-btn.small{width:max-content!important;min-width:70px!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;padding:8px 14px!important;font-size:13px!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:6px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.post-approval-dashboard .media-actions .asset-comments-btn:hover,.post-approval-dashboard .media-actions .asset-comments-btn.small:hover,.post-approval-dashboard.wow-theme .media-actions .asset-comments-btn:hover,.post-approval-dashboard.wow-theme .media-actions .asset-comments-btn.small:hover{background:#3b82f6!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #3b82f64d!important}.post-approval-dashboard .media-actions .asset-download-btn:hover,.post-approval-dashboard .media-actions .asset-download-btn.small:hover,.post-approval-dashboard.wow-theme .media-actions .asset-download-btn:hover,.post-approval-dashboard.wow-theme .media-actions .asset-download-btn.small:hover{background:#10b981!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #10b9814d!important}.post-approval-dashboard .media-actions,.post-approval-dashboard .media-actions.small,.post-approval-dashboard.wow-theme .media-actions,.post-approval-dashboard.wow-theme .media-actions.small{display:flex!important;gap:8px!important;justify-content:center!important;align-items:center!important;width:100%!important;overflow:visible!important;padding:8px 4px!important;margin-top:6px!important}.post-approval-dashboard .media-preview-item.small,.post-approval-dashboard.wow-theme .media-preview-item.small{min-width:180px!important;width:auto!important;max-width:220px!important;padding:8px!important;border-radius:8px!important;background:#fff!important;border:2px solid #e5e7eb!important;box-shadow:0 2px 4px #0000001a!important;margin:4px!important}.post-approval-dashboard .media-preview-image.small,.post-approval-dashboard.wow-theme .media-preview-image.small{width:100%!important;height:80px!important;object-fit:cover!important;border-radius:4px!important;margin-bottom:6px!important}.version-item.current-version{border:2px solid #10b981!important;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)!important;box-shadow:0 4px 12px #10b98126!important;position:relative!important}.version-title-section{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.current-version-badge{background:#10b981!important;color:#fff!important;padding:2px 8px!important;border-radius:12px!important;font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-left:8px!important;box-shadow:0 1px 3px #0000001a!important}.version-status-badge{padding:2px 6px!important;border-radius:10px!important;font-size:9px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-left:4px!important}.version-status-badge.approved{background:#dcfce7!important;color:#166534!important}.version-status-badge.rejected{background:#fef2f2!important;color:#dc2626!important}.version-status-badge.needs_changes{background:#fef3c7!important;color:#d97706!important}.set-latest-btn{all:unset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 12px!important;background:#f59e0b!important;color:#fff!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important;outline:none!important;text-decoration:none!important;white-space:nowrap!important;margin-right:8px!important;box-shadow:0 2px 4px #0000001a!important;min-height:32px!important}.set-latest-btn:hover{background:#d97706!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #00000026!important}.version-header-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.version-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;gap:12px!important;margin-bottom:8px!important}.version-item{position:relative!important;overflow:visible!important;margin-bottom:16px!important}.version-item.current-version:before{content:"📌 CURRENT VERSION"!important;position:absolute!important;top:-8px!important;right:8px!important;background:#10b981!important;color:#fff!important;padding:4px 8px!important;border-radius:4px!important;font-size:9px!important;font-weight:700!important;letter-spacing:.5px!important;z-index:10!important;box-shadow:0 2px 4px #0000001a!important}.post-approval-dashboard.wow-theme .set-latest-btn,.post-approval-dashboard.wow-theme .edit-version-btn,.post-approval-dashboard.wow-theme .delete-version-btn{width:max-content!important;min-width:unset!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.version-approval-actions{display:flex!important;gap:8px!important;margin-top:12px!important;padding:8px!important;background:#f9fafbcc!important;border-radius:6px!important;border-top:1px solid #e5e7eb!important}.approve-version-btn{background:#10b981!important;color:#fff!important;padding:6px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;border:none!important;cursor:pointer!important;transition:all .2s ease!important}.approve-version-btn:hover{background:#059669!important;transform:translateY(-1px)!important}.reject-version-btn{background:#ef4444!important;color:#fff!important;padding:6px 12px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;border:none!important;cursor:pointer!important;transition:all .2s ease!important}.reject-version-btn:hover{background:#dc2626!important;transform:translateY(-1px)!important}.delete-post-btn{all:unset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;background:#ef44441a!important;color:#dc2626!important;border-radius:50%!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important;border:1px solid rgba(239,68,68,.2)!important;outline:none!important}.delete-post-btn:hover{background:#dc2626!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 2px 8px #ef44444d!important}.post-media-preview{margin:12px 0!important;padding:8px!important;background:#f9fafbcc!important;border-radius:8px!important;border:1px solid #e5e7eb!important}.media-preview-container{display:flex!important;gap:6px!important;align-items:center!important;position:relative!important;margin-bottom:4px!important}.media-preview-thumb{position:relative!important;width:50px!important;height:50px!important;border-radius:6px!important;overflow:hidden!important;border:2px solid #e5e7eb!important;background:#f9fafb!important}.media-thumb-image{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .2s ease!important}.media-thumb-image:hover{transform:scale(1.05)!important}.media-thumb-placeholder{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;background:#f3f4f6!important;color:#6b7280!important;font-size:18px!important}.media-thumb-placeholder.hidden{display:none!important}.media-count-overlay{position:absolute!important;right:-8px!important;top:-8px!important;background:#3b82f6!important;color:#fff!important;border-radius:50%!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:600!important;border:2px solid white!important;box-shadow:0 2px 4px #0000001a!important}.media-count-text{font-size:12px!important;color:#6b7280!important;font-weight:500!important;text-align:center!important}.post-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:12px!important;gap:8px!important}.post-header .post-status{flex:1!important}.post-header .version-info{flex-shrink:0!important;margin-right:8px!important}.post-header .delete-post-btn{flex-shrink:0!important}.post-card{position:relative!important;padding:16px!important;min-height:auto!important}.post-media{display:none!important}.header-actions,.modal-actions,.form-actions,.comment-actions,.edit-actions,.schedule-actions,.media-actions,.version-header-actions,.content-header-actions{display:flex;gap:16px!important;flex-wrap:wrap;align-items:center}.media-actions,.comment-actions{gap:12px!important}.action-btn{position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:-1}.action-btn:hover:before{left:100%}.action-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.form-group{margin-bottom:24px}.form-section{margin-bottom:32px}.tab-navigation{margin-bottom:24px}.comment-item,.version-item{padding:20px;margin-bottom:16px;border-radius:12px}.modal-header,.modal-body{padding:16px 20px}.assets-grid{gap:16px}.asset-item{padding:16px;border-radius:12px}.post-approval-dashboard .posts-grid{display:grid;gap:16px!important;align-content:start;grid-auto-rows:minmax(100px,auto);box-sizing:border-box}.post-approval-dashboard .post-card{margin:0}@media(max-width:768px){.post-approval-dashboard .posts-grid{grid-template-columns:1fr!important;gap:16px!important;padding:12px!important;height:auto!important;max-height:none!important;overflow-y:visible!important}}.post-card,.asset-item,.version-item,.comment-item,.tab-btn,.action-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.post-approval-dashboard.wow-theme .action-btn{padding:12px 24px}.post-approval-dashboard.wow-theme .action-btn.small{padding:10px 18px}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:1400px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.modal-content.extra-large{width:95vw;max-width:1400px}.modal-header{background:#10b981;color:#fff;padding:24px 32px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;border-bottom:none;position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#10b981}.modal-header-content{display:flex;flex-direction:column;gap:12px;min-width:0}.modal-header h3{margin:0;font-size:1.75rem;font-weight:700;color:#fff;line-height:1.2;word-wrap:break-word}.post-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.status-badge.modern{background:#fff3;color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.875rem;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.version-info{background:#ffffff26;color:#fff;padding:6px 14px;border-radius:16px;font-weight:500;font-size:.875rem;border:1px solid rgba(255,255,255,.2)}.scheduled-date{background:#10b98133;color:#d1fae5;padding:6px 14px;border-radius:16px;font-weight:500;font-size:.875rem;border:1px solid rgba(16,185,129,.3)}.modal-actions{display:flex;gap:12px;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.action-btn{padding:10px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-size:.875rem;white-space:nowrap;position:relative;overflow:hidden}.action-btn.small{padding:8px 16px;font-size:.8rem}.action-btn.primary{background:#fff;color:#3b82f6;border:2px solid rgba(255,255,255,.3)}.action-btn.primary:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-btn.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.action-btn.secondary:hover{background:#fff3;border-color:#fff6}.action-btn.success{background:#10b981;color:#fff;border:2px solid rgba(255,255,255,.2)}.action-btn.success:hover{background:#059669;transform:translateY(-1px)}.action-btn.danger{background:#ef4444;color:#fff;border:2px solid rgba(255,255,255,.2)}.action-btn.danger:hover{background:#dc2626;transform:translateY(-1px)}.close-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.5rem;font-weight:600}.close-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.tab-navigation{background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:0;display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{padding:20px 32px;border:none;background:transparent;color:#6b7280;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border-bottom:4px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:10px;min-width:0;flex:1;justify-content:center}.tab-btn:hover{color:#3b82f6;background:#3b82f60d}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#fff;font-weight:700}.tab-count{background:#e5e7eb;color:#6b7280;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:700;min-width:24px;text-align:center}.tab-btn.active .tab-count{background:#3b82f6;color:#fff}.modal-body{flex:1;overflow-y:auto;background:#fafafa}.modal-body.custom-scrollbar::-webkit-scrollbar{width:12px}.modal-body.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.modal-body.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.post-detail-content,.versions-content,.comments-content,.schedule-content,.audit-content{padding:32px;background:#fff;margin:0;min-height:500px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e5e7eb;gap:24px}.content-header h4{margin:0;font-size:1.75rem;font-weight:700;color:#111827;flex:1}.content-header-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.detail-group{margin-bottom:28px;padding:24px;background:#f8fafc;border-radius:12px;border-left:5px solid #3b82f6;box-shadow:0 2px 4px #0000000d}.detail-group label{display:block;font-weight:700;color:#374151;margin-bottom:12px;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.detail-group p{margin:0;color:#6b7280;line-height:1.7;font-size:1rem}.caption-text{white-space:pre-wrap;word-break:break-word;background:#fff;padding:20px;border-radius:8px;border:1px solid #e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hashtags-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hashtag-tag{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;display:inline-block;box-shadow:0 2px 4px #3b82f64d}.media-section{margin-top:40px;padding-top:32px;border-top:2px solid #e5e7eb}.media-section h4{margin:0 0 24px;font-size:1.5rem;font-weight:700;color:#111827}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:20px}.media-preview-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:2px solid transparent}.media-preview-item:hover{transform:translateY(-4px);box-shadow:0 12px 25px -5px #00000026;border-color:#3b82f6}.media-preview-container{position:relative;aspect-ratio:16/10;overflow:hidden}.media-preview-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-preview-item:hover .media-preview-image{transform:scale(1.05)}.media-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.media-placeholder span{font-size:3rem;margin-bottom:12px}.media-placeholder p{margin:0;font-size:1rem;font-weight:600;text-align:center}.media-filename{padding:16px 20px 12px;margin:0;font-size:.95rem;color:#374151;font-weight:600;word-break:break-word;background:#fff}.media-actions{padding:12px 20px 20px;display:flex;gap:12px;background:#fff}.asset-comments-btn,.asset-download-btn{padding:10px 16px;border:2px solid;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease;flex:1;font-weight:600;text-align:center}.asset-comments-btn{background:#eff6ff;color:#3b82f6;border-color:#3b82f6}.asset-comments-btn:hover{background:#3b82f6;color:#fff}.asset-download-btn{background:#f0fdf4;color:#10b981;border-color:#10b981}.asset-download-btn:hover{background:#10b981;color:#fff}.versions-list{display:flex;flex-direction:column;gap:20px}.version-item{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;cursor:pointer;transition:all .2s ease;position:relative}.version-item:hover{border-color:#3b82f6;box-shadow:0 8px 25px -8px #3b82f640}.version-item.selected{border-color:#3b82f6;background:#f8faff;box-shadow:0 8px 25px -8px #3b82f64d}.version-item.current-version{border-color:#10b981;background:#f0fdf4}.version-header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin-bottom:16px}.version-title-section h5{margin:0;font-size:1.25rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:12px}.version-header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}@media(max-width:1024px){.modal-content{max-width:95vw}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.modal-header{grid-template-columns:1fr;gap:20px;text-align:center}.modal-actions{justify-content:center}}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content{max-width:100%;max-height:100%;border-radius:8px}.modal-header{padding:20px}.modal-header h3{font-size:1.5rem}.tab-btn{padding:16px 20px;font-size:.9rem}.post-detail-content,.versions-content,.comments-content,.schedule-content,.audit-content{padding:20px}.content-header{flex-direction:column;align-items:stretch;gap:16px}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.version-header{grid-template-columns:1fr;gap:16px}.version-header-actions{justify-content:flex-start}}.modal-content *{box-sizing:border-box}.modal-body{contain:layout style paint}.media-preview-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.loading-placeholder{display:flex;align-items:center;justify-content:center;padding:60px;color:#6b7280;font-size:1.1rem}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state h3{margin:0 0 12px;font-size:1.5rem;color:#374151}.empty-state p{margin:0;font-size:1rem;line-height:1.6}.post-approval-dashboard .posts-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:24px!important;grid-gap:24px!important;column-gap:24px!important;row-gap:24px!important;padding:24px!important;margin:0!important;width:100%!important;box-sizing:border-box!important;contain:layout style paint!important;will-change:scroll-position!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.post-approval-dashboard .posts-grid>.post-card{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;contain:layout style paint!important;transform:translateZ(0)!important;backface-visibility:hidden!important}@media(max-width:768px){.post-approval-dashboard .posts-grid{grid-template-columns:1fr!important;gap:20px!important;padding:16px!important}}@media(min-width:769px)and (max-width:1024px){.post-approval-dashboard .posts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:20px!important;padding:20px!important}}@media(min-width:1025px)and (max-width:1440px){.post-approval-dashboard .posts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:22px!important;padding:24px!important}}@media(min-width:1441px){.post-approval-dashboard .posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:24px!important;padding:28px!important}}.post-approval-dashboard .post-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;overflow:hidden!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:320px!important;contain:layout style paint!important;transform:translateZ(0)!important;backface-visibility:hidden!important}.post-approval-dashboard .post-card:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;border-color:#3b82f680!important}.post-approval-dashboard .post-card-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:16px!important;border-bottom:1px solid #f3f4f6!important;background:#fafbfc!important;flex-wrap:wrap!important;gap:12px!important;min-height:60px!important}.post-approval-dashboard .post-card-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-shrink:0!important;opacity:1!important;visibility:visible!important}.post-approval-dashboard .delete-post-btn{all:unset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;background:#ef44441a!important;color:#dc2626!important;border-radius:8px!important;font-size:16px!important;cursor:pointer!important;transition:all .2s ease!important;border:1px solid rgba(239,68,68,.2)!important;outline:none!important;position:relative!important;z-index:10!important;pointer-events:auto!important}.post-approval-dashboard .delete-post-btn:hover{background:#dc2626!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 2px 8px #ef44444d!important}.post-approval-dashboard .delete-post-btn:active{transform:scale(.95)!important}.post-approval-dashboard .view-post-btn{all:unset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 16px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;min-height:36px!important;pointer-events:auto!important}.post-approval-dashboard .view-post-btn:hover{background:#1d4ed8!important;color:#fff!important;transform:translateY(-1px)!important}.post-approval-dashboard .status-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important;color:#fff!important;text-transform:capitalize!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:120px!important}.post-approval-dashboard .version-info{background:#f3f4f6!important;color:#6b7280!important;padding:4px 8px!important;border-radius:6px!important;font-size:12px!important;font-weight:500!important;white-space:nowrap!important}.post-approval-dashboard .post-card-content{padding:16px!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:12px!important}.post-approval-dashboard .post-title{margin:0!important;font-size:16px!important;font-weight:600!important;color:#1f2937!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.post-approval-dashboard .post-caption-preview{font-size:14px!important;color:#4b5563!important;line-height:1.5!important;flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important}.post-approval-dashboard .post-meta-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:auto!important;padding-top:12px!important;border-top:1px solid #f3f4f6!important;font-size:12px!important;color:#6b7280!important}.post-approval-dashboard .media-count{background:#f3f4f6!important;padding:4px 8px!important;border-radius:6px!important;font-weight:500!important;font-size:11px!important}.post-approval-dashboard .posts-grid.scrolling{pointer-events:none!important}.post-approval-dashboard .posts-grid.scrolling .post-card{will-change:transform!important}.post-approval-dashboard .posts-grid:not(.scrolling) .post-card{will-change:auto!important}.post-approval-dashboard .loading{text-align:center!important;padding:60px 20px!important;color:#6b7280!important;font-size:16px!important}.post-approval-dashboard .empty-state{text-align:center!important;padding:80px 20px!important;color:#6b7280!important}.post-approval-dashboard .empty-state h3{margin:0 0 12px!important;color:#374151!important;font-size:24px!important;font-weight:600!important}.post-approval-dashboard .empty-state p{margin:0 0 24px!important;font-size:16px!important;line-height:1.6!important}.post-approval-dashboard .load-more{grid-column:1 / -1!important;text-align:center!important;padding:20px!important}.post-approval-dashboard .load-more button{padding:12px 24px!important;background:#f3f4f6!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#374151!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.post-approval-dashboard .load-more button:hover{background:#e5e7eb!important;transform:translateY(-1px)!important}.post-approval-dashboard .posts-grid *{box-sizing:border-box!important}@media(max-width:480px){.post-approval-dashboard .posts-grid{padding:12px!important;gap:16px!important}.post-approval-dashboard .post-card{min-height:280px!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.post-approval-dashboard .post-card{border-width:.5px!important}}@media(prefers-reduced-motion:reduce){.post-approval-dashboard .post-card{transition:none!important}.post-approval-dashboard .post-card:hover{transform:none!important}}.redesigned-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.redesigned-modal-container{background:#fff;border-radius:8px;width:90vw;max-width:1500px;height:90vh;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000026;overflow:hidden}.redesigned-modal-header{padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.header-left{display:flex;align-items:center;gap:12px}.platform-icon-large{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header-left h2{margin:0;font-size:18px;font-weight:600;color:#111827}.header-subtitle{margin:2px 0 0;font-size:13px;font-weight:500;color:#6b7280}.step-indicators-horizontal{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;max-width:400px}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:#f3f4f6;color:#9ca3af;border:2px solid #e5e7eb;transition:all .3s ease}.step-indicator.active .step-number{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.step-indicator.completed .step-number{background:#10b981;color:#fff;border-color:#10b981}.step-label{font-size:11px;font-weight:500;color:#9ca3af;transition:all .3s ease}.step-indicator.active .step-label{color:#3b82f6;font-weight:600}.step-indicator.completed .step-label{color:#10b981}.step-connector{width:40px;height:2px;background:#e5e7eb;transition:all .3s ease}.close-button-modern{background:#f3f4f6;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.close-button-modern:hover{background:#e5e7eb;color:#111827;transform:scale(1.05)}.close-button-modern:active{transform:scale(.95)}.progress-steps,.progress-bar-container,.progress-bar-fill,.progress-labels,.step,.step span{display:none}.redesigned-modal-body{flex:1;overflow-y:auto;padding:20px;background:#f9fafb;min-height:0}.redesigned-modal-body::-webkit-scrollbar{width:8px}.redesigned-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.redesigned-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.step-content{max-width:100%;margin:0 auto}.step-title{font-size:18px;font-weight:600;margin:0 0 16px;color:#1f2937}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.platform-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s;position:relative}.platform-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.platform-card.selected{border-color:#3b82f6;background:#eff6ff}.platform-icon{font-size:32px}.platform-name{font-size:14px;font-weight:600;color:#374151}.platform-card.selected .platform-name{color:#3b82f6}.selected-badge{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.form-section,.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#374151}.form-label.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px;height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-row-triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.form-field{display:flex;flex-direction:column}.form-field label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:13px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#3b82f6}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.content-column,.media-column{min-height:0}.tips-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:12px;margin-top:12px}.tips-header{display:flex;align-items:center;gap:6px;font-weight:500;font-size:13px;color:#1e40af;margin-bottom:8px}.tips-list{margin:0;padding-left:16px;color:#1e40af;font-size:12px;line-height:1.4}.tips-list li{margin-bottom:4px}.media-requirements{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:12px;font-size:13px;color:#92400e}.selected-assets-preview{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-bottom:16px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:#334155}.clear-all-btn{background:none;border:none;color:#ef4444;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.clear-all-btn:hover{background:#fee2e2}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.preview-item{position:relative;border-radius:6px;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb;height:80px;display:flex;align-items:center;justify-content:center}.preview-item img{max-width:100%;max-height:100%;object-fit:contain}.remove-asset-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.preview-item:hover .remove-asset-btn{opacity:1}.asset-search{position:relative;display:flex;gap:8px;margin-bottom:12px}.search-input{flex:1;padding:8px 10px 8px 32px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6}.refresh-assets-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.refresh-assets-btn:hover{background:#e5e7eb}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:600px;overflow-y:auto;padding:12px;background:#f9fafb;border-radius:8px}.asset-grid::-webkit-scrollbar{width:8px}.asset-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.asset-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.asset-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.asset-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;height:200px;display:flex;flex-direction:column;overflow:hidden;position:relative}.asset-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.asset-item.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b98133;background:#f0fdf4}.asset-item.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #10b98166}.asset-thumbnail{width:100%;height:140px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.asset-thumbnail img{max-width:100%;max-height:100%;object-fit:contain}.asset-info{padding:10px 12px;background:#fff;border-top:1px solid #e5e7eb;height:60px;display:flex;flex-direction:column;justify-content:center;gap:4px}.asset-info .asset-name{font-size:12px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.asset-info .asset-size{font-size:11px;color:#9ca3af;font-weight:500;margin-top:2px}.asset-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.asset-item:hover .asset-actions{opacity:1}.asset-action-btn{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.select-btn{background:#10b981;color:#fff}.select-btn:hover{transform:scale(1.1)}.view-btn{background:#3b82f6;color:#fff}.view-btn:hover{transform:scale(1.1)}.review-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.post-preview{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.preview-media{aspect-ratio:1;background:#f9fafb;display:flex;align-items:center;justify-content:center}.preview-media img{width:100%;height:100%;object-fit:cover}.preview-content{padding:20px}.preview-content h4{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f2937}.preview-content p{margin:0 0 12px;font-size:14px;line-height:1.6;color:#4b5563}.preview-hashtags{display:flex;flex-wrap:wrap;gap:6px}.hashtag{background:#eff6ff;color:#1e40af;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #bfdbfe}.post-details-summary{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.post-details-summary h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.detail-item{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.detail-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase}.detail-value{font-size:14px;color:#1f2937;font-weight:500}.status-badge{background:#dbeafe;color:#1e40af;padding:4px 10px;border-radius:12px;font-size:11px;text-transform:uppercase;font-weight:600;display:inline-block}.redesigned-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.footer-actions{display:flex;justify-content:space-between;align-items:center}.footer-right{display:flex;gap:12px}.btn-secondary,.btn-cancel,.btn-primary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-cancel:hover{background:#f9fafb}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af}.btn-primary:disabled:hover{background:#9ca3af}@media(max-width:1024px){.two-column-layout,.review-container,.form-row{grid-template-columns:1fr}}@media(max-width:768px){.redesigned-modal-container{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.redesigned-modal-body{padding:16px}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}}.real-world-calendar{padding:0;width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.filter-bar{background:#f6f8fa;padding:8px 12px;border-bottom:1px solid #d0d7de;margin-bottom:0;position:relative;font-family:Arial,sans-serif}.filter-loading{position:absolute;top:4px;right:12px;background:#0969da;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;z-index:10;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.filter-select:disabled,.search-input:disabled,.date-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f6f8fa}.filter-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:8px;align-items:center}.filter-select{padding:6px 8px;border:1px solid #d0d7de;border-radius:3px;background:#fff;font-size:12px;min-width:110px;cursor:pointer;height:32px;line-height:1.2;box-sizing:border-box}.filter-select:hover{border-color:#8b949e}.filter-select:focus{border-color:#0969da;outline:none;box-shadow:0 0 0 2px #0969da1a}.search-input{padding:6px 8px;border:1px solid #d0d7de;border-radius:3px;font-size:12px;min-width:160px;flex:1;max-width:220px;height:32px;line-height:1.2;box-sizing:border-box}.search-input:focus{border-color:#0969da;outline:none;box-shadow:0 0 0 2px #0969da1a}.date-range-filters{display:flex;align-items:center;gap:6px}.date-input{padding:6px 8px;border:1px solid #d0d7de;border-radius:3px;cursor:pointer;font-size:12px;min-width:95px;height:32px;line-height:1.2;box-sizing:border-box}.date-input:focus{border-color:#0969da;outline:none;box-shadow:0 0 0 2px #0969da1a}.date-separator{color:#656d76;font-size:11px;margin:0 3px;font-weight:500}.view-controls{display:flex;align-items:center;justify-content:space-between}.view-toggle{display:flex;background:#f3f4f6;border-radius:4px;padding:2px;border:1px solid #d0d7de}.view-btn{padding:4px 8px;border:none;background:transparent;border-radius:2px;cursor:pointer;font-size:12px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .1s ease;min-width:32px}.clear-filters-btn{padding:4px 8px;border:none;border-radius:3px;background:#cf222e;color:#fff;cursor:pointer;font-size:11px;font-weight:500;height:24px;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:background-color .1s ease}.clear-filters-btn:hover{background:#a40e26}.clear-filters-btn:disabled{opacity:.6;cursor:not-allowed}.calendar-header{margin-bottom:30px}.calendar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.calendar-title h1{margin:0;color:#1f2937;font-size:28px;font-weight:700}.calendar-actions{display:flex;gap:12px;flex-wrap:wrap}.google-connect-btn{background:#4285f4;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.google-connect-btn:hover{background:#3367d6}.team-btn{background:#10b981;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.team-btn:hover{background:#059669}.create-event-btn{background:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.create-event-btn:hover{background:#2563eb}.refresh-btn{background:#10b981;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.refresh-btn:hover{background:#059669}.posts-info{color:#6b7280;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.calendar-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.calendar-navigation h2{margin:0;font-size:24px;font-weight:600;color:#1f2937;min-width:200px;text-align:center}.nav-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:600;color:#374151;transition:all .2s}.nav-btn:hover{background:#e5e7eb;border-color:#9ca3af}.calendar-grid{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0206170f;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUp .4s ease-out}.calendar-grid:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0206171f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.weekday{padding:16px 12px;text-align:center;font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.8px;border-right:1px solid #e5e7eb;background:#fff9;transition:all .2s ease}.weekday:last-child{border-right:none}.weekday:hover{background:#ffffffe6;color:#374151}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);background:#fafbfc;height:600px}.calendar-day{height:100px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;background:#fff;display:flex;flex-direction:column;overflow:hidden}.calendar-day:last-child{border-right:none}.calendar-day:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #00000014;z-index:2}.calendar-day.today{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #10b981;box-shadow:0 0 0 2px #10b98133}.calendar-day.today:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 4px 16px #10b9814d}.calendar-day.empty{background:#f9fafb;cursor:default;opacity:.6}.calendar-day.empty:hover{transform:none;box-shadow:none;background:#f9fafb}.day-number{font-weight:700;color:#374151;margin-bottom:6px;font-size:14px;text-align:center;line-height:1;flex-shrink:0}.calendar-day.today .day-number{color:#10b981;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 6px;box-shadow:0 2px 6px #10b9814d;border:2px solid #10b981;font-size:13px}.day-events{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;overflow-x:hidden}.event-preview{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:4px;min-height:18px}.event-preview:hover{background:#2563eb}.post-preview{color:#fff;padding:3px 5px;border-radius:4px;font-size:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1px;min-height:18px;margin-bottom:1px;border:1px solid rgba(255,255,255,.2);position:relative;box-shadow:0 1px 3px #0000001a}.post-preview:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #00000040;border-color:#fff6}.post-preview.published-post{border:2px solid #fbbf24;box-shadow:0 0 8px #fbbf244d;animation:publishedGlow 2s ease-in-out infinite alternate}@keyframes publishedGlow{0%{box-shadow:0 0 8px #fbbf244d}to{box-shadow:0 0 12px #fbbf2480}}.post-header{display:flex;align-items:center;gap:3px;width:100%}.published-indicator{font-size:9px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}.post-meta{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.post-status-icon{font-size:10px;opacity:.9}.post-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-count,.media-count,.has-caption{font-size:9px;opacity:.8;background:#fff3;padding:1px 3px;border-radius:2px;flex-shrink:0}.event-time{font-weight:600;opacity:.9}.event-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-icon{font-size:10px;opacity:.8}.more-events{color:#6b7280;font-size:10px;text-align:center;padding:2px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group input[type=checkbox]{width:auto;margin-right:8px}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer}.save-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.save-btn:hover:not(:disabled){background:#2563eb}.save-btn:disabled{background:#9ca3af;cursor:not-allowed}.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.delete-btn{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.delete-btn:hover{background:#dc2626}.reminder-btn{background:#8b5cf6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.reminder-btn:hover{background:#7c3aed}.send-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.send-btn:hover{background:#059669}.add-member-btn{background:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px;margin-top:12px}.add-member-btn:hover{background:#2563eb}.add-member-section{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.add-member-section h4,.team-members-list h4{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.team-member-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:8px}.member-info{display:flex;flex-direction:column;gap:4px}.member-info strong{color:#1f2937;font-size:14px}.member-role{color:#6b7280;font-size:12px;text-transform:capitalize}.member-permissions{display:flex;gap:6px}.permission-badge{background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.post-details-modal{max-width:800px;max-height:90vh}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.post-header h4{margin:0;color:#1f2937;font-size:18px;font-weight:600}.post-status-badge{color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.detail-item p{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.hashtag{background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px}.asset-item{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#f9fafb;display:flex;flex-direction:column;gap:8px}.asset-info{display:flex;flex-direction:column;gap:4px}.asset-name{font-weight:600;color:#1f2937;font-size:14px}.asset-filename{color:#6b7280;font-size:12px}.asset-status{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.asset-preview{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px;padding:8px}.asset-preview img{border-radius:4px;box-shadow:0 1px 3px #0000001a}.media-urls{display:flex;flex-direction:column;gap:8px;margin-top:8px}.media-url{color:#3b82f6;text-decoration:none;font-size:14px;padding:8px 12px;background:#f0f9ff;border-radius:6px;transition:background-color .2s}.media-url:hover{background:#e0f2fe;text-decoration:underline}@media(max-width:768px){.real-world-calendar{padding:12px}.calendar-title{flex-direction:column;align-items:stretch}.calendar-actions{justify-content:center}.calendar-navigation h2{font-size:20px;min-width:150px}.calendar-day{min-height:80px;padding:4px}.day-number{font-size:12px}.event-preview{font-size:10px;padding:1px 4px}.form-row{grid-template-columns:1fr}.modal-content{margin:10px;max-height:95vh}.modal-footer{flex-direction:column}.team-member-item{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,1fr)}.weekday{padding:8px 4px;font-size:12px}.calendar-day{min-height:60px;padding:2px}.event-preview{font-size:9px;padding:1px 2px}.event-time{display:none}}.post-details-modal{max-width:800px}.post-info{display:flex;flex-direction:column;gap:20px}.post-header h4{margin:0;font-size:24px;font-weight:600;color:#1f2937}.post-status-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.post-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:#374151;font-size:14px}.detail-item p{margin:0;color:#6b7280;line-height:1.5}.hashtags{display:flex;flex-wrap:wrap;gap:6px}.hashtag{background:#eff6ff;color:#1d4ed8;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.asset-description{color:#4b5563;font-size:12px;font-style:italic}.new-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.new-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.new-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.new-modal-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.new-modal-title-section{flex:1}.new-modal-title{font-size:28px;font-weight:700;margin:0 0 12px;line-height:1.2}.new-modal-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.new-status-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:6px;position:relative}.new-status-badge.large{padding:12px 20px;font-size:16px;border-radius:12px}.new-status-badge.published-status{background:linear-gradient(45deg,#8b5cf6,#3b82f6)!important;animation:publishedGlow 2s ease-in-out infinite alternate}.live-indicator{margin-left:8px;animation:bounce 1s ease-in-out infinite}.new-version-badge,.new-calendar-badge{background:#fff3;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.new-modal-actions{display:flex;gap:12px;align-items:center}.new-action-btn{padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.new-btn-primary{background:#3b82f6;color:#fff}.new-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.new-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.new-btn-secondary:hover{background:#e5e7eb}.new-close-btn{background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.new-close-btn:hover{background:#ffffff4d}.new-modal-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 24px}.new-tab-btn{background:none;border:none;padding:16px 20px;font-weight:600;font-size:14px;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:8px}.new-tab-btn:hover{color:#3b82f6;background:#3b82f60d}.new-tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#3b82f60d}.new-tab-count{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:700}.new-modal-body{flex:1;overflow-y:auto;padding:24px}.new-tab-content{height:100%}.new-content-header{margin-bottom:24px}.new-content-header h2{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.published-banner{background:linear-gradient(45deg,#10b981,#059669);color:#fff;padding:12px 16px;border-radius:8px;font-weight:600;margin-top:12px;animation:publishedPulse 2s ease-in-out infinite}.new-content-grid{display:grid;gap:20px}.new-content-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.new-field-label{font-weight:600;color:#374151;font-size:14px;margin-bottom:8px;display:block}.new-field-content{color:#6b7280;line-height:1.6}.caption-content{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0;font-size:15px;line-height:1.6;white-space:pre-wrap}.new-hashtags{display:flex;flex-wrap:wrap;gap:8px}.new-hashtag{background:#eff6ff;color:#1d4ed8;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:600}.new-cta-link{color:#3b82f6;text-decoration:none;margin-left:12px;font-weight:500}.new-cta-link:hover{text-decoration:underline}.new-dates-info{display:grid;gap:8px}.new-date-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.new-date-item:last-child{border-bottom:none}.new-date-label{font-weight:600;color:#374151}.new-date-value{color:#6b7280}.new-date-value.scheduled{color:#3b82f6;font-weight:600}.new-assets-summary{color:#6b7280;font-size:14px}.new-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.new-asset-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.new-asset-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.new-asset-preview{height:200px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.new-asset-image,.new-asset-video{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.new-asset-image:hover{transform:scale(1.05)}.new-asset-file{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280}.new-file-icon{font-size:48px}.new-file-name{font-size:12px;text-align:center;max-width:200px;word-break:break-word}.new-asset-info{padding:16px}.new-asset-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.new-asset-filename{font-size:12px;color:#6b7280;margin:0 0 8px}.new-asset-description{font-size:13px;color:#4b5563;font-style:italic;margin:0 0 12px}.new-asset-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.new-asset-status{font-size:12px;font-weight:600}.new-asset-size{font-size:11px;color:#9ca3af}.new-asset-actions{display:flex;gap:8px}.new-asset-btn{flex:1;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#374151;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.new-asset-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.new-schedule-info{max-width:600px}.new-schedule-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.new-schedule-status,.new-schedule-date,.new-schedule-empty,.new-schedule-timeline{margin-bottom:24px}.new-schedule-status h3,.new-schedule-date h3,.new-schedule-empty h3,.new-schedule-timeline h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.new-status-display{display:flex;align-items:center}.new-scheduled-time{background:#eff6ff;color:#1d4ed8;padding:16px;border-radius:8px;font-weight:600;line-height:1.5}.new-schedule-empty p{color:#6b7280;margin:0}.new-timeline{display:flex;flex-direction:column;gap:16px}.new-timeline-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f8fafc}.new-timeline-item.completed{background:#ecfdf5}.new-timeline-item.pending{background:#fef3c7}.new-timeline-icon{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid #e2e8f0}.new-timeline-item.completed .new-timeline-icon{border-color:#10b981;background:#10b981;color:#fff}.new-timeline-item.pending .new-timeline-icon{border-color:#f59e0b;background:#f59e0b;color:#fff}.new-timeline-content{flex:1;display:flex;flex-direction:column;gap:2px}.new-timeline-content strong{color:#1f2937;font-weight:600}.new-timeline-content span{color:#6b7280;font-size:13px}.new-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.new-empty-icon{font-size:64px;margin-bottom:16px}.new-empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.new-empty-state p{margin:0}.new-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 24px}.new-modal-footer-content{display:flex;justify-content:space-between;align-items:center}.new-footer-info{display:flex;gap:16px;align-items:center;color:#6b7280;font-size:13px}.new-post-id{font-family:monospace;background:#e5e7eb;padding:2px 6px;border-radius:4px}.new-footer-actions{display:flex;gap:12px}@media(max-width:768px){.new-modal-container{margin:10px;max-height:95vh}.new-modal-header{padding:16px}.new-modal-title{font-size:20px}.new-modal-header-content{flex-direction:column;gap:12px}.new-modal-tabs{padding:0 16px;overflow-x:auto}.new-modal-body{padding:16px}.new-assets-grid{grid-template-columns:1fr}.new-footer-actions{flex-direction:column;width:100%}.new-action-btn{width:100%;justify-content:center}}.reschedule-info{display:flex;flex-direction:column;gap:20px}.post-info-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.post-info-summary h4{margin:0 0 8px;color:#1f2937;font-size:18px;font-weight:600}.current-schedule{margin:8px 0;color:#6b7280;font-size:14px}.schedule-preview{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;text-align:center}.schedule-preview h4{margin:0 0 12px;color:#1d4ed8;font-size:16px;font-weight:600}.preview-datetime{color:#1e40af;font-size:16px;line-height:1.5}.preview-datetime strong{font-size:18px;font-weight:700}.new-schedule-actions{margin-bottom:24px}.new-schedule-actions h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.new-schedule-buttons{display:flex;gap:12px;flex-wrap:wrap}.published-notice{background:#ecfdf5;color:#065f46;padding:12px 16px;border-radius:8px;font-weight:500;border:1px solid #a7f3d0;text-align:center}.post-preview{position:relative}.post-preview:after{content:"Right-click to reschedule";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.post-preview:hover:after{opacity:1}.posts-list-view{width:100%;background:#fff;border:1px solid #d0d7de;border-radius:4px;overflow:hidden;font-family:Arial,sans-serif}.posts-list-header{background:#f6f8fa;border-bottom:1px solid #d0d7de;padding:0;position:sticky;top:0;z-index:10}.list-header-row{display:grid;grid-template-columns:4fr 1fr 1fr 1.5fr;gap:0;font-weight:600;font-size:10px;color:#656d76;text-transform:uppercase;letter-spacing:.3px;border-right:1px solid #d0d7de}.list-header-row>div{padding:1px 4px;border-right:1px solid #d0d7de;display:flex;align-items:center;height:18px;min-height:18px;max-height:18px}.list-header-row>div:last-child{border-right:none}.posts-list-body{max-height:70vh;overflow-y:auto;overflow-x:hidden}.post-list-row{display:grid;grid-template-columns:4fr 1fr 1fr 1.5fr;gap:0;border-bottom:1px solid #d0d7de;align-items:center;transition:background-color .1s ease;height:22px;min-height:22px;max-height:22px}.post-list-row:hover{background-color:#f6f8fa}.post-list-row:last-child{border-bottom:1px solid #d0d7de}.list-col-title,.list-col-status,.list-col-date,.list-col-actions{padding:2px 4px;border-right:1px solid #d0d7de;display:flex;align-items:center;height:22px;min-height:22px;max-height:22px;font-size:10px;line-height:1;overflow:hidden}.list-col-actions{border-right:none;padding:1px 2px;overflow:visible;gap:2px;justify-content:space-around}.post-title-cell{display:flex;align-items:center;gap:4px;width:100%;height:100%;overflow:hidden}.post-title-cell .post-status-icon{font-size:11px;flex-shrink:0;margin-right:2px}.post-title-cell .post-title{font-weight:500;color:#24292f;font-size:10px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.post-title-cell .post-caption{display:none}.brand-name{font-weight:400;color:#24292f;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.status-badge{padding:1px 3px;border-radius:2px;color:#fff;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.1px;white-space:nowrap;display:inline-block;line-height:1}.scheduled-date{color:#24292f;font-size:9px;font-weight:400;white-space:nowrap;line-height:1}.no-date{color:#656d76;font-size:9px;font-style:italic;white-space:nowrap;line-height:1}.assets-info{color:#656d76;font-size:9px;white-space:nowrap;line-height:1}.post-list-row{position:relative}.post-list-row:before{content:attr(data-tooltip);position:fixed;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);background:#24292f;color:#fff;padding:12px 16px;border-radius:6px;font-size:12px;white-space:pre-line;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease;max-width:400px;max-height:300px;overflow-y:auto;box-shadow:0 8px 24px #0006;line-height:1.4;border:1px solid #444}.post-list-row:hover:before{opacity:1}.post-list-row:after{display:none}.action-btn{padding:0;border:none;border-radius:2px;cursor:pointer;font-size:8px;transition:background-color .1s ease;background:#f6f8fa;color:#24292f;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid #d0d7de}.action-btn:hover{background:#f3f4f6;border-color:#8b949e}.action-btn.view-btn:hover{background:#dbeafe;color:#0969da;border-color:#0969da}.action-btn.reschedule-btn{background:#fff8dc;color:#9a6700;border-color:#d4a72c}.action-btn.reschedule-btn:hover{background:#fef2c0;border-color:#bf8700}.action-btn.unschedule-btn{background:#ffebe9;color:#cf222e;border-color:#fd8c73}.action-btn.unschedule-btn:hover{background:#ffdbdb;border-color:#cf222e}.action-buttons-row{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;padding:0;margin:0}.action-btn-compact{padding:2px 4px;border:none;border-radius:2px;cursor:pointer;font-size:12px;transition:background-color .1s ease;background:#f6f8fa;color:#24292f;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #d0d7de;margin:0}.action-btn-compact:hover{background:#f3f4f6;border-color:#8b949e}.action-btn-compact.view:hover{background:#dbeafe;color:#0969da;border-color:#0969da}.action-btn-compact.schedule{background:#fff8dc;color:#9a6700;border-color:#d4a72c}.action-btn-compact.schedule:hover{background:#fef2c0;border-color:#bf8700}.action-btn-compact.unschedule{background:#ffebe9;color:#cf222e;border-color:#fd8c73}.action-btn-compact.unschedule:hover{background:#ffdbdb;border-color:#cf222e}.actions-cell{padding:2px 4px!important}.enhanced-post-modal{max-width:1000px;width:95%;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.enhanced-post-modal::-webkit-scrollbar{display:none}.modal-header-actions{display:flex;gap:10px;align-items:center}.enhanced-modal-body{padding:20px;max-height:70vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.enhanced-modal-body::-webkit-scrollbar{display:none}.modal-section{margin-bottom:25px;border-bottom:1px solid #e1e4e8;padding-bottom:20px}.modal-section:last-child{border-bottom:none;margin-bottom:0}.modal-section h4{margin:0 0 15px;font-size:16px;font-weight:600;color:#24292f;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item strong{font-size:12px;color:#656d76;text-transform:uppercase;letter-spacing:.5px}.status-badge-modal{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;margin-top:2px}.content-display{display:flex;flex-direction:column;gap:15px}.content-item{display:flex;flex-direction:column;gap:8px}.content-text{background:#f6f8fa;padding:12px;border-radius:6px;border:1px solid #d0d7de;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.caption-text{max-height:150px;overflow-y:auto}.assets-display{width:100%}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:10px}.asset-item{border:1px solid #d0d7de;border-radius:8px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.asset-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.asset-preview{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:#f6f8fa;overflow:hidden}.asset-image{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.asset-video{width:100%;height:100%;object-fit:cover}.asset-file{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#656d76}.file-icon{font-size:32px;margin-bottom:8px}.file-name{font-size:12px;text-align:center;padding:0 8px;word-break:break-word}.asset-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#656d76}.asset-info{padding:10px;border-top:1px solid #e1e4e8;background:#fff}.asset-filename{font-size:12px;font-weight:600;color:#24292f;margin-bottom:4px;word-break:break-word}.asset-size{font-size:11px;color:#656d76}.no-assets{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#656d76;text-align:center}.no-assets .empty-icon{font-size:32px;margin-bottom:10px}.no-assets .empty-text{font-size:14px}.instagram-post{width:470px;background:#fff;border:1px solid #dbdbdb;border-radius:3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;box-shadow:0 0 5px #00000019;transition:all .3s ease}.instagram-view-controls{display:flex;justify-content:center;padding:8px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743);border-radius:3px 3px 0 0;margin:-1px -1px 0}.view-mode-buttons{display:flex;gap:4px;background:#ffffffe6;padding:4px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-mode-btn{background:none;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;color:#262626}.view-mode-btn:hover{background:#fffc;color:#000}.view-mode-btn.active{background:#e4405f;color:#fff}.instagram-post.instagram-square .instagram-image-container{aspect-ratio:1/1;width:100%;height:470px}.instagram-post.instagram-square .instagram-main-image{aspect-ratio:1/1;width:100%;height:100%;object-fit:cover}.instagram-post.instagram-full .instagram-image-container{aspect-ratio:auto;width:100%;max-height:600px}.instagram-post.instagram-full .instagram-main-image{aspect-ratio:auto;width:100%;height:auto;max-height:600px;object-fit:contain}.instagram-post.instagram-story .instagram-image-container{aspect-ratio:9/16;width:100%;height:533px}.instagram-post.instagram-story .instagram-main-image{aspect-ratio:9/16;width:100%;height:100%;object-fit:cover}.instagram-header{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 14px 16px;border-bottom:none}.instagram-profile-pic{width:32px;height:32px;border-radius:50%;border:1px solid #dbdbdb;margin-right:12px}.instagram-user-info{flex:1;display:flex;flex-direction:column}.instagram-username{font-weight:600;font-size:14px;color:#262626;line-height:16px;margin:0}.instagram-location{font-size:11px;color:#8e8e8e;line-height:13px;margin:1px 0 0}.instagram-more-options{background:none;border:none;padding:8px;cursor:pointer;color:#262626}.instagram-more-options svg{width:16px;height:16px;fill:currentColor}.instagram-image-container{width:100%;background:#000;position:relative}.instagram-main-image{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}.instagram-no-image{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa;color:#8e8e8e}.instagram-no-image p{margin:8px 0 0;font-size:14px}.instagram-actions{display:flex;justify-content:space-between;align-items:center;padding:6px 16px 8px}.instagram-action-left{display:flex;align-items:center;gap:16px}.instagram-action-btn,.instagram-save-btn{background:none;border:none;padding:8px;cursor:pointer;color:#262626;display:flex;align-items:center;justify-content:center}.instagram-action-btn svg,.instagram-save-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none}.instagram-content{padding:0 16px 16px}.instagram-likes{font-size:14px;color:#262626;margin-bottom:8px;line-height:18px}.instagram-likes strong{font-weight:600}.instagram-caption{font-size:14px;line-height:18px;color:#262626;margin-bottom:8px;word-wrap:break-word}.instagram-caption-username{font-weight:600;color:#262626}.instagram-comments{font-size:14px;color:#8e8e8e;margin-bottom:4px;cursor:pointer}.instagram-timestamp{font-size:10px;color:#8e8e8e;text-transform:uppercase;letter-spacing:.2px;line-height:12px}.twitter-post{width:470px;background:#fff;border:1px solid #eef3f4;border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;padding:10px 14px;transition:all .3s ease}.twitter-content-wrapper{display:flex;align-items:flex-start;gap:12px}.twitter-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.twitter-main{flex:1;min-width:0}.twitter-header{display:flex;align-items:center;gap:4px;margin-bottom:4px;position:relative}.twitter-name{font-weight:700;font-size:15px;color:#0f1419}.twitter-handle{font-size:15px;color:#536471}.twitter-separator{color:#536471;font-size:15px}.twitter-time{font-size:15px;color:#536471}.twitter-menu{margin-left:auto;color:#536471;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.twitter-menu:hover{background-color:#0f14191a}.twitter-menu svg{fill:currentColor}.twitter-text{font-size:16px;line-height:20px;color:#0f1419;margin:0 0 10px;word-wrap:break-word;white-space:pre-wrap}.twitter-media{border-radius:16px;overflow:hidden;margin:12px 0;border:1px solid #cfd9de}.twitter-media-image{width:100%;height:auto;display:block;max-height:500px;object-fit:cover}.twitter-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;max-width:320px}.twitter-action-item{display:flex;align-items:center;gap:8px;color:#536471;cursor:pointer;padding:8px;border-radius:20px;transition:background-color .2s,color .2s;font-size:13px}.twitter-action-item:hover{background-color:#1da1f21a;color:#1d9bf0}.twitter-action-item svg{fill:currentColor}.twitter-action-item span{font-size:13px;color:inherit}.linkedin-post{max-width:550px;background:#fff;border:1px solid #d0d0d0;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto}.linkedin-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e9e5df}.linkedin-avatar{width:48px;height:48px;border-radius:50%;background:#0077b5;padding:2px}.linkedin-user-info{flex:1}.linkedin-name{font-weight:600;font-size:14px;color:#000}.linkedin-headline,.linkedin-time{font-size:12px;color:#666}.linkedin-options{font-size:20px;color:#666;cursor:pointer}.linkedin-content{padding:0 16px 12px}.linkedin-text{font-size:14px;line-height:1.5;color:#000;margin-bottom:12px}.linkedin-media{margin:0 -16px 12px}.linkedin-media-item{width:100%}.linkedin-image{width:100%;height:auto;display:block}.linkedin-video{width:100%;height:auto}.linkedin-actions{display:flex;justify-content:space-around;border-top:1px solid #e9e5df;padding:8px 16px}.linkedin-action{display:flex;align-items:center;gap:6px;font-size:14px;color:#666;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s}.linkedin-action:hover{background-color:#f3f2ef}.tiktok-post{max-width:300px;background:#fff;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;box-shadow:0 2px 8px #0000001a}.tiktok-header{display:flex;align-items:center;gap:12px;padding:12px}.tiktok-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#ff0050,#00f2ea);padding:2px}.tiktok-user-info{flex:1}.tiktok-username{font-weight:700;font-size:14px;color:#000}.tiktok-name{font-size:12px;color:#666}.tiktok-follow{font-size:14px;font-weight:600;color:#ff0050;border:1px solid #ff0050;padding:4px 12px;border-radius:4px;cursor:pointer}.tiktok-video-container{width:100%;height:400px;background:#000;position:relative}.tiktok-video{width:100%;height:100%;object-fit:cover}.tiktok-no-video{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.no-video-placeholder{font-size:48px;margin-bottom:8px}.tiktok-content{padding:12px}.tiktok-caption{font-size:14px;line-height:1.4;color:#000;margin-bottom:8px}.tiktok-sound{font-size:12px;color:#666}.tiktok-actions{display:flex;justify-content:space-around;border-top:1px solid #e1e1e1;padding:12px}.tiktok-action{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:24px;color:#333;cursor:pointer}.tiktok-action span{font-size:12px;color:#666}.default-post{max-width:500px;background:#fff;border:1px solid #e1e4e8;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;padding:16px}.default-header h4{margin:0 0 16px;font-size:18px;color:#24292f}.default-content{font-size:14px;line-height:1.5;color:#24292f}.default-content p{margin-bottom:12px}.default-assets{margin-top:16px}.default-assets h5{margin:0 0 8px;font-size:14px;font-weight:600}.default-asset{background:#f6f8fa;padding:8px 12px;border-radius:4px;margin-bottom:4px;font-size:12px;color:#656d76}.full-image-modal{max-width:90vw;max-height:90vh;background:#fff;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.full-image-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e1e4e8;background:#f6f8fa;border-radius:8px 8px 0 0}.full-image-header h3{margin:0;font-size:18px;font-weight:600;color:#24292f}.full-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#000;min-height:400px;max-height:calc(90vh - 120px);overflow:hidden}.full-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.full-image-footer{display:flex;justify-content:center;padding:16px 20px;border-top:1px solid #e1e4e8;background:#f6f8fa;border-radius:0 0 8px 8px}.full-image-footer .btn{padding:8px 16px;border-radius:6px;border:1px solid #d0d7de;background:#f6f8fa;color:#24292f;text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s}.full-image-footer .btn:hover{background:#f3f4f6;border-color:#8b949e}@media(max-width:768px){.enhanced-post-modal{width:95%;max-height:95vh}.info-grid{grid-template-columns:1fr}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-header-actions{flex-direction:column;gap:8px}.full-image-modal{max-width:95vw;max-height:95vh}.full-image-container{min-height:300px;max-height:calc(95vh - 120px)}}@media(max-width:1200px){.list-header-row,.post-list-row{grid-template-columns:2.5fr 1fr .7fr 1fr .6fr}.list-col-assets{display:none}.list-header-row>div:nth-child(5),.post-list-row>div:nth-child(5){display:none}}@media(max-width:768px){.list-header-row,.post-list-row{grid-template-columns:2fr .8fr .6fr}.list-col-brand,.list-col-date,.list-col-assets{display:none}.list-header-row>div:nth-child(2),.list-header-row>div:nth-child(4),.list-header-row>div:nth-child(5),.post-list-row>div:nth-child(2),.post-list-row>div:nth-child(4),.post-list-row>div:nth-child(5){display:none}.post-title-cell .post-title{font-size:11px}.post-title-cell .post-caption{font-size:9px}.action-btn{min-width:20px;height:20px;font-size:10px;padding:2px 4px}.list-col-actions{gap:2px;padding:2px 6px}}.posts-list-view::-webkit-scrollbar{width:12px;height:12px}.posts-list-view::-webkit-scrollbar-track{background:#f6f8fa}.posts-list-view::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:6px}.posts-list-view::-webkit-scrollbar-thumb:hover{background:#8b949e}.list-col-title:focus,.list-col-brand:focus,.list-col-status:focus,.list-col-date:focus,.list-col-assets:focus{outline:2px solid #0969da;outline-offset:-2px;background:#dbeafe}.bm-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;padding:16px 0}.bm-title h2{margin:0;font-size:28px;color:#1f2937;font-weight:700}.bm-title p{color:#6b7280;margin:4px 0 0;line-height:1.6;font-size:14px}.bm-tools{display:flex;gap:8px;align-items:center}.bm-search input{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:350px;background:#fff;color:#111827;transition:box-shadow .2s ease,border-color .2s ease;font-size:15px}.bm-search input:focus{box-shadow:0 0 0 4px #3b82f626;border-color:#93c5fd}.bm-search input::placeholder{color:#6b7280}.bm-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;cursor:pointer;font-size:14px;min-width:140px;max-width:160px}.bm-select:focus{box-shadow:0 0 0 4px #3b82f626;border-color:#93c5fd;outline:none}.bm-btn{padding:10px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:fit-content}.bm-btn:active{transform:translateY(1px) scale(.98)}.bm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.bm-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.bm-btn.primary{background:#10b981;color:#fff;box-shadow:0 8px 18px #10b98140}.bm-btn.primary:hover{filter:brightness(1.05)}.bm-btn.ghost{background:#fff;border-color:#e5e7eb;color:#111827}.bm-btn.ghost:hover{background:#f3f4f6}.calendar-secondary-header{background:#f9fafb;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #e5e7eb}.calendar-info{display:flex;align-items:center;gap:8px}.posts-count{font-weight:600;color:#374151;font-size:14px}.filtered-indicator{color:#6b7280;font-size:12px;font-style:italic}.calendar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-range-controls{display:flex;align-items:center;gap:6px}.date-input-compact{padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;min-width:95px;background:#fff}.date-input-compact:focus{box-shadow:0 0 0 3px #3b82f626;border-color:#93c5fd;outline:none}.date-separator{color:#6b7280;font-size:12px;margin:0 4px}.view-toggle{display:flex;background:#f3f4f6;border-radius:6px;padding:2px;border:1px solid #e5e7eb}.view-btn{padding:8px 14px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;min-width:20px;height:32px;display:flex;align-items:center;justify-content:center;gap:6px}.view-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a}.view-btn:hover:not(.active){background:#e5e7eb}.calendar-navigation{display:flex;align-items:center;gap:12px;margin-left:auto}.calendar-navigation h3{margin:0;font-size:16px;font-weight:600;color:#374151;min-width:150px;text-align:center}.nav-btn{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:16px;transition:all .2s ease;color:#374151}.nav-btn:hover{background:#f3f4f6;border-color:#d1d5db}@media(max-width:768px){.bm-header{flex-direction:column;align-items:stretch;gap:16px;text-align:center}.bm-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}.bm-search{grid-column:1 / -1}.bm-search input{width:100%;font-size:16px}.bm-select{min-width:auto;max-width:none;font-size:14px}.calendar-secondary-header{flex-direction:column;gap:12px}.calendar-controls{justify-content:center;width:100%}.calendar-navigation{margin-left:0;justify-content:center}}.file-manager-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-secondary);overflow:hidden;border:.0625rem solid var(--border-color)}.file-manager-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-primary);border-bottom:.0625rem solid var(--border-color);min-height:3rem;gap:.75rem;overflow-x:auto;scrollbar-width:thin}.toolbar-section-left{display:flex;align-items:center;gap:.375rem;flex-wrap:nowrap;flex-shrink:0}.toolbar-section-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.toolbar-btn-group{display:flex;align-items:center;gap:.25rem;background:var(--bg-secondary);border-radius:.375rem;padding:.125rem;border:.0625rem solid var(--border-light)}.toolbar-btn-group .toolbar-btn{border-radius:.25rem;height:2rem;padding:0 .625rem;font-size:.75rem;border:none;background:transparent;box-shadow:none}.toolbar-btn-group .toolbar-btn:hover:not(:disabled){background:var(--hover-bg);transform:none;box-shadow:none}.toolbar-btn-group .toolbar-btn.primary{background:var(--accent-primary);color:#fff}.toolbar-btn-group .toolbar-btn.primary:hover:not(:disabled){background:var(--accent-secondary)}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:0 .75rem;border:.0625rem solid var(--border-color);background:var(--card-bg);border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;color:var(--text-primary);box-shadow:0 .0625rem .125rem #0000000d;height:2rem;line-height:1}.toolbar-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent-primary);transform:translateY(-.0625rem);box-shadow:0 .125rem .25rem #0000001a}.toolbar-btn.primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);font-weight:600;box-shadow:0 .125rem .25rem #1a73e833}.toolbar-btn.primary .btn-icon{color:#fff}.toolbar-btn.primary:hover:not(:disabled){background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 .25rem .5rem #1a73e84d}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.toolbar-btn.secondary{background:var(--card-bg);color:var(--text-primary);border:.0625rem solid var(--border-color)}.toolbar-btn.secondary .btn-icon{color:var(--text-primary)}.toolbar-btn.secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent-primary)}.toolbar-btn.folder-btn{color:var(--success);border-color:var(--success);background:#10b9810d}.toolbar-btn.folder-btn .btn-icon{color:var(--success)}.toolbar-btn.folder-btn:hover:not(:disabled){background:#10b9811a;border-color:var(--success);box-shadow:0 .125rem .25rem #10b98133}.toolbar-btn.danger{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 .125rem .25rem #ef444433}.toolbar-btn.danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 .25rem .5rem #ef44444d}.btn-icon{font-size:1rem;line-height:1}.toolbar-separator{width:.0625rem;height:1.5rem;background:var(--border-color);margin:0 .25rem;flex-shrink:0}.search-box-modern{position:relative;width:14rem;flex-shrink:0}.search-input-modern{width:100%;height:2rem;padding:.375rem .75rem .375rem 2rem;border:.0625rem solid var(--border-color);border-radius:.375rem;background:var(--card-bg);color:var(--text-primary);font-size:.75rem;outline:none;transition:all .15s ease;box-shadow:0 .0625rem .125rem #0000000d}.search-input-modern:focus{border-color:var(--accent-primary);box-shadow:0 0 0 .1875rem var(--accent-light);background:var(--bg-primary)}.search-input-modern::placeholder{color:var(--text-tertiary)}.search-icon-modern{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:var(--text-secondary);pointer-events:none}.file-manager-navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--bg-secondary);border-bottom:.0625rem solid var(--border-color);min-height:3.5rem;gap:1rem}.navbar-left,.navbar-right{display:flex;align-items:center;gap:.75rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.breadcrumb-select{padding:.5rem .75rem;border:.0625rem solid var(--border-color);background:var(--card-bg);border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;color:var(--text-primary);transition:all .2s ease;box-shadow:0 .0625rem .125rem #0000000d;height:2.25rem}.breadcrumb-select:hover{background:var(--hover-bg);border-color:var(--accent-primary);box-shadow:0 .125rem .25rem #0000001a}.breadcrumb-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 .1875rem var(--accent-light)}.breadcrumb-separator{color:var(--text-tertiary);font-size:.75rem;margin:0 .25rem}.folder-delete-btn,.folder-delete-all-btn{padding:.375rem .75rem;margin-left:.5rem;border:.0625rem solid var(--danger);background:var(--card-bg);color:var(--danger);border-radius:.375rem;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem;height:2.25rem;box-shadow:0 .0625rem .125rem #0000000d}.folder-delete-btn:hover,.folder-delete-all-btn:hover{background:#ef44441a;border-color:var(--danger);transform:translateY(-.0625rem);box-shadow:0 .125rem .25rem #ef444433}.filter-select{padding:.5rem .75rem;border:.0625rem solid var(--border-color);border-radius:.375rem;background:var(--card-bg);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 .0625rem .125rem #0000000d;height:2.25rem}.filter-select:hover{border-color:var(--accent-primary);box-shadow:0 .125rem .25rem #0000001a}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 .1875rem var(--accent-light)}.status-info{font-size:.8125rem;font-weight:500;color:var(--text-secondary);padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:.375rem}.file-manager-status{padding:.5rem 1rem;font-size:.8125rem;border-bottom:.0625rem solid var(--border-color)}.file-manager-status.error{background:#fef7f7;color:var(--danger);border-left:.25rem solid var(--danger)}.file-manager-status.uploading{background:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;gap:.75rem}.status-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:0;font-size:1rem}.progress-bar-inline{flex:1;height:.25rem;background:var(--bg-tertiary);border-radius:.125rem;overflow:hidden}.progress-fill-inline{height:100%;background:var(--accent-primary);transition:width .3s ease}.file-manager-content{flex:1;overflow:auto;background:var(--bg-primary)}.file-manager-loading,.file-manager-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:18.75rem;color:var(--text-secondary);gap:1rem}.loading-spinner-modern{width:1.25rem;height:1.25rem;border:.125rem solid var(--bg-tertiary);border-top:.125rem solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.empty-icon-modern{font-size:3rem;opacity:.5}.empty-text{font-size:.875rem}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:1rem;padding:1.25rem}.file-item{background:var(--card-bg);border:.0625rem solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.file-item:hover{background:var(--hover-bg);box-shadow:0 .25rem .75rem var(--shadow);transform:translateY(-.125rem)}.file-item.selected{background:var(--accent-light);border:.125rem solid var(--accent-primary);box-shadow:0 .25rem .75rem var(--shadow)}.compact-file-item{background:var(--card-bg);border:.0625rem solid var(--border-color);border-radius:.75rem;overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;height:8.75rem;min-height:8.75rem;max-height:8.75rem}.compact-file-item:hover{transform:translateY(-.125rem);box-shadow:0 .5rem .9375rem -.1875rem var(--shadow);border-color:var(--accent-primary)}.compact-file-item.selected{border-color:var(--accent-primary);background:var(--accent-light)}.compact-file-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-secondary);border-bottom:.0625rem solid var(--border-light);min-height:2.25rem;flex-shrink:0}.file-status-info{display:flex;align-items:center;gap:.375rem}.status-indicator-compact{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.file-type-text{font-size:.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03125rem}.file-actions-compact{display:flex;gap:.25rem;align-items:center}.action-btn-compact{background:none;border:none;padding:.25rem .375rem;border-radius:.25rem;cursor:pointer;font-size:.625rem;transition:all .15s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;min-width:1.25rem;min-height:1.25rem}.action-btn-compact:hover{background:var(--hover-bg);transform:scale(1.1)}.action-btn-compact.delete:hover{background:#ef44441a;color:var(--danger)}.action-btn-compact.download:hover{background:var(--accent-light);color:var(--accent-primary)}.action-btn-compact.view:hover{background:#10b9811a;color:var(--success)}.compact-file-content{display:flex;padding:.625rem .75rem;gap:.625rem;flex:1;min-height:0;overflow:hidden}.file-thumbnail-compact{position:relative;width:3.125rem;height:3.125rem;border-radius:.375rem;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);border:.0625rem solid var(--border-light);display:flex;align-items:center;justify-content:center}.file-thumbnail-compact img{width:100%;height:100%;object-fit:cover}.file-icon-compact{font-size:1.25rem;color:var(--text-secondary)}.file-info-compact{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;justify-content:space-between}.file-name-compact{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta-compact{display:flex;align-items:center;gap:.375rem;margin:.125rem 0}.file-size-compact{font-size:.625rem;color:var(--text-secondary);font-weight:500}.category-indicator-compact{font-size:.5rem;color:#fff;padding:.125rem .25rem;border-radius:.1875rem;font-weight:600;text-transform:uppercase}.file-date-compact{font-size:.5625rem;color:var(--text-tertiary);margin-top:auto}.file-list{display:flex;flex-direction:column}.list-header-modern{display:grid;grid-template-columns:2.5rem 1fr 7.5rem 7.5rem 5rem;gap:1rem;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:.0625rem solid var(--border-color);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.list-row-modern{display:grid;grid-template-columns:2.5rem 1fr 7.5rem 7.5rem 5rem;gap:1rem;padding:.375rem 1rem;border-bottom:.0625rem solid var(--border-light);align-items:center;cursor:pointer;transition:background-color .15s ease;font-size:.8125rem;min-height:2rem;color:var(--text-primary)}.list-row-modern:hover{background:var(--hover-bg)}.list-row-modern.selected{background:var(--accent-light)}.list-col-checkbox{display:flex;align-items:center;justify-content:center}.list-col-name{display:flex;align-items:center;gap:.5rem;overflow:hidden}.list-col-modified,.list-col-type,.list-col-size{color:var(--text-secondary);font-size:.75rem}.file-icon-small{font-size:1rem;flex-shrink:0}.file-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-actions-toolbar{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-primary);padding:.75rem 1.25rem;border-radius:.5rem;box-shadow:0 .25rem 1.25rem var(--shadow);display:flex;align-items:center;gap:1rem;z-index:1000}.bulk-info{font-size:.875rem;font-weight:500}.bulk-actions{display:flex;gap:.5rem}.asset-tabs{margin-top:1.5rem}.tab-header{display:flex;gap:.25rem;border-bottom:.125rem solid #e5e7eb;margin-bottom:1.25rem;overflow-x:auto;scrollbar-width:thin}.tab-btn{padding:.75rem 1.25rem;border:none;background:transparent;border-bottom:.1875rem solid transparent;cursor:pointer;font-size:.875rem;font-weight:600;color:#6b7280;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.375rem}.tab-btn:hover{color:#374151;background:#f9fafb}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.tab-content{min-height:18.75rem;max-height:31.25rem;overflow-y:auto;padding:1.25rem;background:#f9fafb;border-radius:.5rem}.details-tab{display:flex;flex-direction:column;gap:1.25rem}.details-tab .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:1rem}.details-tab .detail-card{background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;padding:1rem}.details-tab .detail-card.full-width{grid-column:1 / -1}.details-tab .detail-card label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.03125rem}.details-tab .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:.0625rem solid #f3f4f6}.details-tab .detail-row:last-child{border-bottom:none}.details-tab .detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.details-tab .detail-value{font-size:.875rem;color:#111827;font-weight:600;text-align:right}.timeline-tab{padding:0;background:transparent}.comments-tab,.annotations-tab,.rights-tab{padding:0}.workflow-tab{display:flex;flex-direction:column;gap:1rem}.workflow-tab .workflow-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.625rem,1fr));gap:.75rem}.workflow-tab .workflow-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border:.125rem solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.workflow-tab .workflow-action-btn:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-.125rem);box-shadow:0 .25rem .75rem #3b82f626}.workflow-tab .action-icon{font-size:1.5rem}.workflow-tab .action-info{flex:1;text-align:left}.workflow-tab .action-title{font-size:.9375rem;font-weight:600;color:#111827;margin-bottom:.25rem}.workflow-tab .action-desc{font-size:.8125rem;color:#6b7280}.workflow-tab .no-workflow{text-align:center;padding:3.75rem 1.25rem;color:#6b7280}.workflow-tab .no-workflow-icon{font-size:4rem;margin-bottom:1rem}.workflow-tab .no-workflow h4{margin:0 0 .5rem;color:#374151;font-size:1.125rem}.workflow-tab .no-workflow p{margin:0;font-size:.875rem}.versions-tab,.versions-tab .versions-list{display:flex;flex-direction:column;gap:.75rem}.versions-tab .version-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;transition:all .2s ease}.versions-tab .version-item:hover{border-color:#3b82f6;box-shadow:0 .125rem .5rem #3b82f61a}.versions-tab .version-info{flex:1}.versions-tab .version-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.versions-tab .version-number{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:600}.versions-tab .version-date{font-size:.8125rem;color:#6b7280}.versions-tab .version-filename{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.versions-tab .version-size{font-size:.8125rem;color:#6b7280}.versions-tab .version-notes{font-size:.8125rem;color:#6b7280;font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:.0625rem solid #f3f4f6}.versions-tab .version-actions{display:flex;gap:.5rem}.versions-tab .version-action-btn{padding:.5rem 1rem;border:.0625rem solid #e5e7eb;background:#fff;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.versions-tab .version-action-btn.download:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.versions-tab .no-versions{text-align:center;padding:3.75rem 1.25rem;color:#6b7280}.versions-tab .no-versions-icon{font-size:4rem;margin-bottom:1rem}.versions-tab .no-versions h4{margin:0 0 .5rem;color:#374151;font-size:1.125rem}.versions-tab .no-versions p{margin:0;font-size:.875rem}@media(max-width:48rem){.tab-header{flex-wrap:nowrap;overflow-x:auto}.tab-btn{padding:.625rem 1rem;font-size:.8125rem}.tab-content{padding:1rem;max-height:25rem}.details-tab .detail-grid,.workflow-tab .workflow-actions{grid-template-columns:1fr}}.asset-preview-section{margin-bottom:1.5rem}.asset-preview-large{text-align:center;margin-bottom:1.25rem}.quick-actions-row{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.quick-action-btn:hover{transform:translateY(-.0625rem);box-shadow:0 .125rem .5rem var(--shadow)}.quick-action-btn.download{background:var(--success);color:#fff}.quick-action-btn.view{background:var(--accent-primary);color:#fff}.quick-action-btn.copy{background:#6366f1;color:#fff}.quick-action-btn.delete{background:var(--danger);color:#fff}.quick-action-btn.feedback{background:#8b5cf6;color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:1.25rem;margin-bottom:1.25rem}.detail-card{background:var(--bg-secondary);border-radius:.5rem;padding:1rem;border:.0625rem solid var(--border-light)}.detail-card.full-width{grid-column:1 / -1}.detail-card label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.03125rem}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.detail-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.detail-value{font-size:.8125rem;color:var(--text-primary);font-weight:500}.status-badge,.category-badge{padding:.1875rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;color:#fff;text-transform:uppercase;display:inline-flex;align-items:center;gap:.25rem}.tags-list{display:flex;flex-wrap:wrap;gap:.375rem}.tag-badge{background:var(--bg-tertiary);color:var(--text-primary);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;background:var(--card-bg);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column}.lightbox-header{padding:1rem 1.25rem;border-bottom:.0625rem solid var(--border-color);background:var(--success);color:#fff}.lightbox-title{display:flex;justify-content:space-between;align-items:center}.lightbox-title h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.lightbox-controls{display:flex;gap:.75rem;align-items:center}.mode-toggle{padding:.375rem .75rem;border:.0625rem solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:.25rem;cursor:pointer;font-size:.8125rem;transition:all .2s ease}.mode-toggle:hover{background:#fff3}.lightbox-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background .2s ease}.lightbox-close:hover{background:#ffffff1a}.lightbox-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative;overflow:hidden}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:.75rem}.category-card{padding:1rem;border:.125rem solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .15s ease;background:var(--card-bg)}.category-card:hover{border-color:var(--accent-primary);background:var(--accent-light)}.category-card.selected{border-color:var(--accent-primary);background:var(--accent-light);box-shadow:0 .125rem .5rem var(--shadow)}.category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.category-color-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.category-name{font-size:.875rem;font-weight:600;color:var(--text-primary);flex:1}.category-check{color:var(--accent-primary);font-weight:700;font-size:1rem}.category-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.workflow-actions,.versions-list{display:flex;flex-direction:column;gap:.75rem}.workflow-action-btn,.version-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card-bg);border:.125rem solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:left}.workflow-action-btn:hover,.version-item:hover{border-color:var(--accent-primary);background:var(--accent-light)}.no-workflow,.no-versions{text-align:center;padding:2.5rem 1.25rem;color:var(--text-secondary)}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.form-field input,.form-field textarea{width:100%;padding:.5rem .75rem;border:.0625rem solid var(--border-color);border-radius:.25rem;font-size:.8125rem;font-family:inherit;outline:none;transition:border-color .15s ease;background:var(--card-bg);color:var(--text-primary)}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 .0625rem var(--accent-primary)}@media(max-width:48rem){.file-manager-toolbar{padding:.5rem;min-height:auto;flex-wrap:nowrap;gap:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar-section-left{gap:.25rem;flex-wrap:nowrap;flex-shrink:0}.toolbar-section-right{gap:.375rem;flex-shrink:0}.toolbar-btn-group{padding:.0625rem;gap:.125rem}.toolbar-btn{padding:0 .5rem;font-size:.6875rem;height:1.75rem}.btn-icon{font-size:.75rem}.search-box-modern{width:10rem;min-width:8rem}.search-input-modern{height:1.75rem;font-size:.6875rem;padding-left:1.75rem}.search-icon-modern{left:.5rem;font-size:.75rem}.file-grid{grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr));gap:.75rem;padding:.75rem}.compact-file-item{height:7.5rem;min-height:7.5rem;max-height:7.5rem}.file-manager-navbar{padding:.625rem .75rem;flex-direction:column;gap:.625rem;align-items:stretch;min-height:auto}.navbar-left,.navbar-right{justify-content:space-between;width:100%;flex-wrap:wrap}.breadcrumb{flex-wrap:wrap;gap:.375rem;width:100%}.breadcrumb-select,.filter-select{padding:.375rem .625rem;font-size:.75rem;height:2rem}.folder-delete-btn,.folder-delete-all-btn{padding:.3125rem .625rem;font-size:.6875rem;height:2rem}.status-info{font-size:.75rem;padding:.375rem .625rem}.list-header-modern,.list-row-modern{grid-template-columns:1.875rem 1fr 5rem;gap:.5rem;padding:.375rem .5rem}.list-col-type,.list-col-size{display:none}.quick-actions-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.detail-grid{grid-template-columns:1fr}.tab-header{flex-wrap:wrap}.bulk-actions-toolbar{display:none}}.toolbar-btn.view-toggle{padding:0;min-width:2rem;width:2rem;height:2rem;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center}.toolbar-btn.view-toggle:hover:not(:disabled){background:var(--hover-bg)}.toolbar-btn.view-toggle:disabled{background:var(--accent-primary);color:#fff;opacity:1;cursor:default;border-radius:.25rem}.toolbar-btn.view-toggle .btn-icon{margin:0;padding:0;font-size:.875rem;line-height:1}.toolbar-btn-group .toolbar-btn:not(:has(span:not(.btn-icon))){padding:0 .5rem;min-width:2rem}label.toolbar-btn{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}label.toolbar-btn:hover{cursor:pointer}.toolbar-btn input[type=file]{display:none!important;position:absolute;width:0;height:0;opacity:0;pointer-events:none;visibility:hidden}.toolbar-btn>.btn-icon,.toolbar-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;font-size:1rem;width:1.25rem;height:1.25rem;border:none!important;background:none!important;padding:0!important;margin:0!important}label.toolbar-btn{border:.0625rem solid var(--border-color);background:var(--card-bg);display:inline-flex;align-items:center;justify-content:flex-start}.btn-icon:before,.btn-icon:after{display:none}.toolbar-btn span{border:none;background:none;padding:0;margin:0}.toolbar-btn .btn-icon,.toolbar-btn>span.btn-icon,span.btn-icon{box-sizing:content-box;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important}.toolbar-btn{text-align:left}label.toolbar-btn{padding:0 1rem;height:2.5rem}label.toolbar-btn .btn-icon{margin-right:0}.license-section-modern{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;padding:24px;border:2px solid #0ea5e9;box-shadow:0 4px 16px #0ea5e91a}.license-header-modern{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(14,165,233,.2)}.license-title-modern{display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;color:#0c4a6e}.license-status-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.license-status-badge.expiring{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.license-status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.license-status-badge.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.license-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.license-info-card{background:#fff;padding:16px;border-radius:10px;border:1px solid #bae6fd;box-shadow:0 2px 8px #0ea5e914;transition:all .3s ease}.license-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926;border-color:#0ea5e9}.license-info-label{font-size:11px;font-weight:600;color:#0369a1;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;display:block}.license-info-value{font-size:16px;font-weight:700;color:#0c4a6e;display:block}.license-usage-section{background:#fff;padding:16px;border-radius:10px;border:1px solid #bae6fd;margin-top:16px}.license-usage-header{font-size:13px;font-weight:600;color:#0369a1;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.license-usage-list{display:flex;flex-direction:column;gap:8px}.license-usage-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f0f9ff;border-radius:8px;border:1px solid #e0f2fe;font-size:13px;color:#0c4a6e}.license-usage-icon{font-size:16px}.license-no-data{text-align:center;padding:24px;color:#64748b;font-size:14px;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.license-actions-modern{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:2px solid rgba(14,165,233,.2)}.license-btn-modern{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px}.license-btn-modern.primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.license-btn-modern.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.license-btn-modern.secondary{background:#fff;color:#0369a1;border:2px solid #0ea5e9}.license-btn-modern.secondary:hover{background:#f0f9ff;border-color:#0284c7}.dashboard-modal-modern{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;max-width:1400px;width:95%;max-height:95vh;overflow:hidden;box-shadow:0 20px 60px #00000026}.dashboard-header-modern{background:linear-gradient(135deg,#0ea5e9,#0284c7);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #0369a1}.dashboard-header-modern h2{margin:0;color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dashboard-close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.dashboard-body-modern{padding:32px;overflow-y:auto;max-height:calc(95vh - 100px)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.dashboard-stat-card{background:#fff;padding:24px;border-radius:12px;border:2px solid #e0f2fe;box-shadow:0 4px 12px #0ea5e914;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#0284c7)}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0ea5e926;border-color:#0ea5e9}.dashboard-stat-card.active{border-color:#0284c7;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 8px 24px #0ea5e940}.dashboard-stat-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:block}.dashboard-stat-value{font-size:36px;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.dashboard-section-modern{background:#fff;padding:24px;border-radius:12px;border:2px solid #e0f2fe;margin-bottom:24px;box-shadow:0 2px 8px #0ea5e90d}.dashboard-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e0f2fe}.dashboard-section-header h4{margin:0;font-size:18px;font-weight:700;color:#0c4a6e}.dashboard-section-icon{font-size:24px;width:40px;height:40px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:10px;display:flex;align-items:center;justify-content:center}.dashboard-progress-modern{margin-top:16px}.dashboard-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashboard-progress-label{font-size:14px;font-weight:600;color:#475569}.dashboard-progress-value{font-size:18px;font-weight:700;color:#0ea5e9}.dashboard-progress-bar{height:12px;background:#e0f2fe;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.dashboard-progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#0284c7);border-radius:6px;transition:width .5s ease;box-shadow:0 0 10px #0ea5e980}.dashboard-list-modern{display:flex;flex-direction:column;gap:12px}.dashboard-list-item{display:flex;align-items:center;gap:12px;padding:14px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.dashboard-list-item:hover{background:#f0f9ff;border-color:#0ea5e9;transform:translate(4px)}.dashboard-list-icon{font-size:20px;width:36px;height:36px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-list-content{flex:1}.dashboard-list-title{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px}.dashboard-list-meta{font-size:12px;color:#64748b}.dashboard-empty-state{text-align:center;padding:48px 24px;color:#64748b}.dashboard-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.dashboard-empty-text{font-size:16px;font-weight:600;color:#475569;margin-bottom:8px}.dashboard-empty-subtext{font-size:14px;color:#64748b}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:20px}.dashboard-spinner{width:48px;height:48px;border:4px solid #e0f2fe;border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite}.dashboard-loading-text{font-size:16px;font-weight:600;color:#64748b}.pagination-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-primary);border-top:.0625rem solid var(--border-color);border-bottom:.0625rem solid var(--border-color)}.pagination-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:.0625rem solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:.25rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color)}.pagination-current{padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:.25rem;font-size:.875rem;font-weight:600;min-width:4rem;text-align:center}@media(max-width:768px){.pagination-toolbar{flex-direction:column;gap:.5rem;padding:.5rem}.pagination-info{font-size:.75rem}.pagination-btn{width:1.75rem;height:1.75rem;font-size:.75rem}.pagination-current{font-size:.75rem;min-width:3rem}}.asset-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.asset-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.asset-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.asset-header-info{flex:1;min-width:0}.asset-title-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.asset-file-icon{font-size:32px;flex-shrink:0;margin-top:4px}.asset-title-content{flex:1;min-width:0}.asset-title{margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.2;color:#fff;word-break:break-word}.asset-subtitle{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.9;flex-wrap:wrap}.asset-type{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:#fff3;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.asset-separator{opacity:.6}.asset-size,.asset-date{font-weight:500}.asset-status-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.status-badge,.license-badge,.category-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:4px;border:2px solid rgba(255,255,255,.3)}.asset-modal-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.asset-modal-close:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.asset-action-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.action-group{display:flex;gap:12px;align-items:center}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.action-btn.primary{background:#3b82f6;color:#fff;box-shadow:0 4px 6px -1px #3b82f61a}.action-btn.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 8px 15px -3px #3b82f633}.action-btn.secondary{background:#fff;color:#374151;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d}.action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.action-btn.feedback{background:#8b5cf6;color:#fff;box-shadow:0 4px 6px -1px #8b5cf61a}.action-btn.feedback:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 8px 15px -3px #8b5cf633}.action-btn.danger{background:#ef4444;color:#fff;box-shadow:0 4px 6px -1px #ef44441a}.action-btn.danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 8px 15px -3px #ef444433}.asset-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.asset-content-layout{display:grid;grid-template-columns:1fr 400px;flex:1;overflow:hidden}.asset-preview-panel{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.preview-container{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;cursor:pointer;transition:transform .2s ease}.preview-image:hover{transform:scale(1.02)}.video-preview{width:100%;max-width:100%;cursor:pointer}.preview-video{width:100%;max-height:500px;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a}.email-preview{width:100%;height:100%;display:flex;flex-direction:column}.email-iframe{width:100%;height:100%;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 4px 6px -1px #0000001a}.email-loading{display:flex;align-items:center;justify-content:center;height:100%;background:#fff;border:2px dashed #e2e8f0;border-radius:12px}.loading-icon{font-size:48px;margin-bottom:16px}.loading-text{font-size:18px;font-weight:600;margin-bottom:8px;color:#374151}.loading-filename{font-size:14px;margin-bottom:16px}.retry-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease}.retry-btn:hover{background:#2563eb}.file-preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;background:#fff;border:2px dashed #e2e8f0;border-radius:12px}.placeholder-content{text-align:center;color:#6b7280}.placeholder-icon{font-size:64px;margin-bottom:16px;opacity:.7}.placeholder-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#374151}.placeholder-subtitle{font-size:14px}.asset-info-panel{background:#fff;display:flex;flex-direction:column;overflow:hidden}.asset-tabs-modern{display:flex;flex-direction:column;height:100%}.tab-nav-modern{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto;scrollbar-width:thin}.tab-btn-modern{display:flex;align-items:center;gap:8px;padding:16px 20px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-bottom:3px solid transparent}.tab-btn-modern:hover{color:#374151;background:#3b82f60d}.tab-btn-modern.active{color:#3b82f6;background:#fff;border-bottom-color:#3b82f6}.tab-content-modern{flex:1;overflow-y:auto;padding:24px}@media(max-width:768px){.asset-modal-overlay{padding:0}.asset-modal-container{border-radius:0;max-height:100vh;height:100vh}.asset-modal-header{padding:16px 20px}.asset-title{font-size:20px}.asset-action-bar{padding:12px 20px;flex-direction:column;gap:12px;align-items:stretch}.action-group{justify-content:center}.asset-content-layout{grid-template-columns:1fr;grid-template-rows:300px 1fr}.asset-preview-panel{border-right:none;border-bottom:1px solid #e2e8f0}.preview-container{padding:16px}.tab-nav-modern{flex-wrap:wrap}.tab-btn-modern{padding:12px 16px;font-size:13px}.tab-content-modern{padding:16px}}.duration-badge-compact{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.rights-indicator-badge{font-size:10px;line-height:1}.pagination-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.pagination-info{font-size:14px;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 12px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px}.pagination-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-current{padding:8px 16px;font-size:14px;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.pagination-toolbar{flex-direction:column;gap:12px;padding:12px 16px}.pagination-info{font-size:13px}.pagination-btn{padding:6px 10px;font-size:13px;min-width:36px}.pagination-current{padding:6px 12px;font-size:13px}}.workflow-status-tracker{background:#fff;border-radius:0;border:none;padding:0;margin:0;overflow:visible;box-shadow:none}.workflow-status-header{display:none}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:1}}.workflow-status-header h3{margin:0;color:#37352f;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:0;text-shadow:none}.workflow-tabs{display:flex;gap:10px}.tab{padding:10px 20px;border:1px solid rgba(99,102,241,.3);background:#1e293b80;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:#94a3b8;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab:hover{background:#6366f133;color:#c7d2fe;border-color:#6366f180;transform:translateY(-1px)}.tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f166}.workflow-status-loading,.workflow-status-error,.workflow-status-empty{padding:60px 40px;text-align:center;color:#64748b;font-size:16px}.workflow-status-loading:before{content:"⏳";font-size:48px;display:block;margin-bottom:16px}.workflow-status-empty:before{content:"📊";font-size:48px;display:block;margin-bottom:16px}.workflow-status-error{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;margin:24px}.workflow-status-error:before{content:"⚠️";font-size:48px;display:block;margin-bottom:16px}.workflow-status-content{background:transparent}.entity-overview{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px;margin:0 0 16px;border-radius:0;border:none;border-bottom:1px solid #f3f4f6;position:relative}.entity-overview:after{display:none}.entity-info h4{margin:0 0 6px;color:#37352f;font-size:14px;font-weight:600;letter-spacing:0}.entity-type{background:#6366f133;color:#a5b4fc;padding:5px 10px;border-radius:6px;font-size:11px;text-transform:uppercase;font-weight:600;margin-right:10px;letter-spacing:1px;border:1px solid rgba(99,102,241,.3)}.entity-status{color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workflow-status{font-size:16px;font-weight:600;color:#e0e7ff;text-transform:capitalize;display:flex;align-items:center;gap:10px;padding:10px 18px;background:#1e293b99;border-radius:10px;border:1px solid rgba(99,102,241,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workflow-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:transparent;margin:0 0 20px;padding:0}.summary-stat{text-align:center;padding:16px;background:#fff;transition:all .2s;position:relative;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb}.summary-stat:before{display:none}.summary-stat:hover{transform:none;background:#f9fafb;border-color:#d1d5db}.summary-stat:hover:before{opacity:0}.stat-value{display:block;font-size:18px;font-weight:500;color:#37352f;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;margin-bottom:4px;position:relative}.stat-label{font-size:11px;color:#9ca3af;text-transform:none;font-weight:400;letter-spacing:0;position:relative}.latest-execution{padding:0;margin:0 0 20px;background:transparent}.latest-execution h4{margin:0 0 16px;color:#37352f;font-size:14px;font-weight:600;padding-bottom:0;border-bottom:none;letter-spacing:0}.execution-two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.execution-data-column{display:flex;flex-direction:column;gap:12px}.execution-steps-column{position:sticky;top:0}.execution-details{display:flex;flex-direction:column;gap:12px}.execution-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;font-size:13px;color:#6b7280;background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb;-webkit-backdrop-filter:none;backdrop-filter:none}.execution-info span{display:flex;align-items:center;gap:6px}.execution-info strong{color:#37352f;font-weight:500}.execution-progress{display:flex;flex-direction:column;gap:10px;background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb;-webkit-backdrop-filter:none;backdrop-filter:none}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;box-shadow:none;border:none}.progress-fill{height:100%;background:#3b82f6;transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:4px;box-shadow:none}.progress-text{font-size:12px;color:#6b7280;font-weight:400;text-align:center;letter-spacing:0}.workflow-steps-timeline{margin:0;padding:0;background:transparent;border-radius:0;border:none;height:fit-content;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.workflow-steps-timeline h5{margin:0 0 12px;color:#37352f;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:0}.workflow-steps-timeline h5:before{display:none}.steps-container{display:flex;flex-direction:column;gap:0}.workflow-step{display:flex;align-items:flex-start;gap:12px;position:relative;padding:8px 0}.step-indicator{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:#f3f4f6;color:#9ca3af;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-connector{width:2px;height:32px;background:#e5e7eb;margin-top:4px}.step-content{flex:1;padding-top:4px}.step-title{font-size:13px;font-weight:400;color:#37352f;margin-bottom:4px}.step-status{font-size:11px;color:#9ca3af;text-transform:capitalize;font-weight:400;letter-spacing:0}.step-details{font-size:12px;color:#3b82f6;margin-top:4px;font-style:italic}.step-time{font-size:11px;color:#9ca3af;margin-top:4px;font-weight:400}.workflow-step.completed .step-time,.workflow-step.current .step-time,.workflow-step.failed .step-time{color:#9ca3af}.workflow-step.completed .step-number{background:#10b981;color:#fff;border-color:#10b981;box-shadow:none}.workflow-step.completed .step-connector{background:#10b981}.workflow-step.completed .step-title{color:#37352f}.workflow-step.completed .step-status{color:#9ca3af}.workflow-step.current .step-number{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:none;animation:none}.workflow-step.current .step-title{color:#37352f;font-weight:500}.workflow-step.current .step-status{color:#3b82f6}.workflow-step.failed .step-number{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:none}.workflow-step.failed .step-title{color:#37352f}.workflow-step.failed .step-status{color:#ef4444}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.current-node{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.4);border-radius:8px;font-size:13px;box-shadow:0 4px 12px #6366f133;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.current-node:before{content:"⚡";font-size:20px}.node-type{color:#a5b4fc;font-style:italic;font-weight:600}.error-message{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem}.pending-actions{margin-top:20px;padding:16px;background:#fffbeb;border:1px solid #fed7aa;border-radius:8px}.pending-actions h5{margin:0 0 12px;color:#92400e;font-size:1rem}.pending-action{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px}.action-info{flex:1}.action-info strong{color:#1f2937;display:block;margin-bottom:4px}.action-info p{margin:0 0 8px;color:#6b7280;font-size:.875rem}.due-date{font-size:.75rem;color:#f59e0b;font-weight:500}.action-buttons{display:flex;gap:8px;flex-shrink:0}.action-btn{padding:8px 16px;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s}.action-btn:hover{opacity:.9}.action-btn.approve{background-color:#10b981}.action-btn.reject{background-color:#ef4444}.action-btn.changes{background-color:#3b82f6}.all-executions{border-top:1px solid #e5e7eb;padding-top:20px}.all-executions h4{margin:0 0 16px;color:#1f2937;font-size:1.125rem}.executions-list{display:flex;flex-direction:column;gap:8px}.execution-item{padding:12px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.execution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.workflow-name{font-weight:500;color:#1f2937}.execution-status{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500}.execution-status.completed{background:#d1fae5;color:#065f46}.execution-status.failed{background:#fee2e2;color:#991b1b}.execution-status.running{background:#dbeafe;color:#1e40af}.execution-status.waiting_for_user{background:#fef3c7;color:#92400e}.execution-meta{display:flex;gap:16px;font-size:.75rem;color:#6b7280}.workflow-timeline h4{margin:0 0 20px;color:#1f2937;font-size:1.125rem}.timeline-events{position:relative}.timeline-events:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline-event{position:relative;padding-left:40px;margin-bottom:24px}.timeline-marker{position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#3b82f6;border:2px solid white;box-shadow:0 0 0 2px #e5e7eb}.timeline-event.workflow_completed .timeline-marker{background:#10b981}.timeline-event.workflow_failed .timeline-marker{background:#ef4444}.timeline-event.workflow_waiting .timeline-marker{background:#f59e0b}.timeline-event.status_change .timeline-marker{background:#8b5cf6}.timeline-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.timeline-header h5{margin:0;color:#1f2937;font-size:1rem;font-weight:500}.timeline-time{font-size:.75rem;color:#6b7280;flex-shrink:0}.timeline-content p{margin:0 0 12px;color:#6b7280;font-size:.875rem}.timeline-details{display:flex;flex-wrap:wrap;gap:12px;font-size:.75rem}.detail-item{color:#6b7280}.detail-item strong{color:#374151}@media(max-width:768px){.workflow-status-tracker{padding:16px;margin:16px 0}.entity-overview{flex-direction:column;align-items:flex-start;gap:12px}.workflow-summary{grid-template-columns:repeat(2,1fr)}.execution-two-column{grid-template-columns:1fr;gap:20px}.execution-steps-column{position:static;order:-1}.pending-action{flex-direction:column;gap:12px}.action-buttons{align-self:stretch}.action-btn{flex:1}.execution-header{flex-direction:column;gap:8px;align-items:flex-start}.execution-meta,.timeline-header{flex-direction:column;gap:4px}}.fm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.fm-modal{background:#fff;border-radius:12px;max-width:900px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.fm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.fm-title{display:flex;align-items:center;gap:12px}.fm-title h2{margin:0;font-size:18px;font-weight:600;color:#0f1111}.fm-count{background:#e5e7eb;padding:2px 8px;border-radius:10px;font-size:11px;color:#6b7280;font-weight:500}.fm-close{background:transparent;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;border-radius:4px;transition:all .2s}.fm-close:hover{background:#f3f4f6;color:#374151}.fm-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.fm-selected-count{font-size:13px;color:#374151;font-weight:500}.fm-actions{display:flex;gap:8px}.fm-table-container{flex:1;overflow-y:auto;padding:0}.fm-table{width:100%;border-collapse:collapse;font-size:13px}.fm-table thead{background:#fafbfc;position:sticky;top:0;z-index:1}.fm-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.fm-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s;cursor:pointer}.fm-table tbody tr:hover{background:#f9fafb}.fm-table tbody tr.selected{background:#eff6ff}.fm-table tbody tr.selected:hover{background:#dbeafe}.fm-table td{padding:10px 12px;vertical-align:middle}.fm-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#6366f1}.fm-folder-name{display:flex;align-items:center;gap:8px;font-weight:500;color:#0f1111}.fm-folder-name svg{color:#6b7280;flex-shrink:0}.fm-path{color:#6b7280;font-size:12px}.fm-date{color:#6b7280;font-size:13px}.fm-row-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.fm-table tbody tr:hover .fm-row-actions{opacity:1}.fm-action-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;cursor:pointer;color:#6b7280;transition:all .2s}.fm-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.fm-action-open:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.fm-action-delete:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.fm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.fm-empty svg{margin-bottom:16px;opacity:.5}.fm-empty p{margin:0;font-size:14px}.fm-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb}.fm-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb}.fm-btn-secondary{background:#fff;color:#374151}.fm-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.fm-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.fm-btn-danger:hover{background:#dc2626;border-color:#dc2626}.right-panel-widgets{padding:16px;height:100%;overflow-y:auto;background:#fff;display:flex;flex-direction:column;gap:20px;scrollbar-width:none;-ms-overflow-style:none}.right-panel-widgets::-webkit-scrollbar{display:none}.right-panel-widgets.loading{justify-content:center;align-items:center}.loading-content{text-align:center;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.panel-header{text-align:center;padding-bottom:16px;border-bottom:none}.panel-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.panel-subtitle{font-size:14px;color:#6b7280;margin:0}.widget-section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:12px;font-weight:600;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.5px}.search-container{position:relative;margin-bottom:12px}.search-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #e2e8f0;border-radius:20px;font-size:12px;background:#f8fafc;transition:all .2s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:12px}.mini-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:12px 0}.mini-stat{padding:8px 6px;background:#f8fafc;border-radius:8px;text-align:center;transition:all .2s ease}.mini-stat:hover{background:#f0fdf4;transform:translateY(-1px)}.mini-stat-value{font-size:14px;font-weight:700;color:#1f2937;line-height:1}.mini-stat-label{font-size:8px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.quick-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.quick-filter{padding:4px 8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;font-size:9px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#374151}.quick-filter:hover{background:#10b981;color:#fff;border-color:#10b981;transform:translateY(-1px)}.quick-filter.active{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 2px 4px #10b98133}.time-filters{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px}.time-filter{padding:6px 8px;border:1px solid #e2e8f0;border-radius:12px;font-size:10px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff;font-weight:500;color:#374151}.time-filter.active{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 4px #10b98133}.time-filter:not(.active):hover{background:#f0fdf4;border-color:#10b981;transform:translateY(-1px)}.filter-results{font-size:10px;color:#6b7280;text-align:center;padding:8px;background:#f9fafb;border-radius:6px;margin-top:8px;font-weight:500}.filtered-posts-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.filtered-posts-list::-webkit-scrollbar{display:none}.filtered-post-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s ease;border-left:3px solid #e2e8f0}.filtered-post-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.filtered-post-item.high{border-left-color:#ef4444}.filtered-post-item.medium{border-left-color:#f59e0b}.filtered-post-item.low{border-left-color:#10b981}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.post-title{font-size:12px;font-weight:600;color:#1f2937;line-height:1.3;flex:1}.post-status{padding:2px 6px;border-radius:10px;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.post-status.draft{background:#fef3c7;color:#92400e}.post-status.pending{background:#fef2f2;color:#991b1b}.post-status.approved{background:#f0fdf4;color:#166534}.post-status.published{background:#eff6ff;color:#1d4ed8}.post-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.post-calendar{font-size:10px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:8px}.post-due-date{font-size:10px;color:#374151;font-weight:500}.post-priority{font-size:9px;padding:1px 4px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.post-priority.high{background:#fee2e2;color:#991b1b}.post-priority.medium{background:#fef3c7;color:#92400e}.post-priority.low{background:#f0fdf4;color:#166534}.no-results{text-align:center;padding:24px 16px;color:#6b7280}.no-results-icon{font-size:32px;margin-bottom:12px;opacity:.6}.no-results h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 6px}.no-results p{font-size:12px;margin:0 0 16px;line-height:1.4}.clear-filters-btn{background:#10b981;color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.progress-stats{display:flex;flex-direction:column;gap:16px}.progress-item{margin-bottom:4px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:12px;color:#374151;font-weight:500}.progress-value-container{display:flex;align-items:center;gap:6px}.progress-value{font-size:14px;font-weight:700;color:#1f2937}.progress-trend{font-size:12px;font-weight:700}.progress-trend.up{color:#10b981}.progress-trend.down{color:#ef4444}.progress-trend.stable{color:#6b7280}.progress-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2));border-radius:4px}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-btn{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:12px 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-family:inherit;text-decoration:none;position:relative;overflow:hidden;flex-shrink:0;font-size:12px;font-weight:500;min-height:44px;min-width:80px;box-shadow:0 1px 2px #0000000d;color:#374151}.action-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#10b981,#059669);border-radius:20px 0 0 20px;transform:scaleY(0);transition:transform .3s ease}.action-btn:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.action-btn:hover:before{transform:scaleY(1)}.action-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;box-shadow:0 2px 8px #10b98133}.action-btn.primary:before{background:linear-gradient(180deg,#fff,#e2e8f0);transform:scaleY(1)}.action-btn.primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #10b98166}.action-text{font-size:11px;font-weight:500;text-align:center;line-height:1.2;color:inherit;position:relative;z-index:1}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8fafc;border-radius:6px;border-left:3px solid #e2e8f0;transition:all .2s ease}.activity-item:hover{background:#fff;box-shadow:0 2px 4px #0000000d}.activity-item.high{border-left-color:#ef4444}.activity-item.medium{border-left-color:#f59e0b}.activity-item.low{border-left-color:#10b981}.activity-message{font-size:12px;color:#1f2937;font-weight:500;line-height:1.4;margin-bottom:4px}.activity-time{font-size:10px;color:#6b7280}.notifications-list{display:flex;flex-direction:column;gap:8px}.notification-item{padding:12px;border-radius:6px;border-left:3px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px #0000000d}.notification-item.info{background:#eff6ff;border-left-color:#3b82f6}.notification-item.warning{background:#fffbeb;border-left-color:#f59e0b}.notification-item.success{background:#f0fdf4;border-left-color:#10b981}.notification-item.error{background:#fef2f2;border-left-color:#ef4444}.notification-content{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-message{font-size:12px;color:#1f2937;line-height:1.4;flex:1}.notification-action{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.notification-action:hover{background:#2563eb;transform:translateY(-1px)}.empty-state{text-align:center;padding:32px 16px;color:#6b7280}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.empty-state p{font-size:14px;margin:0 0 16px;line-height:1.5}@media(max-width:768px){.right-panel-widgets{padding:12px;gap:16px}.actions-grid{grid-template-columns:1fr;gap:6px}.progress-item,.activity-item,.notification-item{padding:10px}.action-btn{min-height:36px;padding:8px}.panel-header{padding-bottom:12px}}.calendar-activity-widget{background:linear-gradient(180deg,#fff,#f8fafc);border-left:1px solid #e1e5e9;height:100vh;overflow-y:auto;padding:0;display:flex;flex-direction:column}.widget-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#fff,#f8fafc);position:sticky;top:0;z-index:10}.widget-header h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#1e293b}.widget-header p{margin:0;font-size:14px;color:#64748b}.calendar-stats-section{padding:20px 24px;border-bottom:1px solid #f1f5f9}.calendar-stats-section h4{margin:0 0 16px;font-size:14px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:8px;border:1px solid #e2e8f0}.stat-content{flex:1}.stat-number{font-size:20px;font-weight:800;color:#1e293b;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.progress-section{padding:20px 24px;border-bottom:1px solid #f1f5f9}.progress-section h4{margin:0 0 16px;font-size:14px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.progress-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;display:flex;margin-bottom:12px}.progress-segment{height:100%;transition:width .3s ease}.progress-segment.draft{background:linear-gradient(90deg,#f59e0b,#f97316)}.progress-segment.scheduled{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.progress-segment.published{background:linear-gradient(90deg,#10b981,#059669)}.progress-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.legend-color{width:12px;height:12px;border-radius:2px}.legend-item.draft .legend-color{background:linear-gradient(90deg,#f59e0b,#f97316)}.legend-item.scheduled .legend-color{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.legend-item.published .legend-color{background:linear-gradient(90deg,#10b981,#059669)}.activity-section{padding:20px 24px;border-bottom:1px solid #f1f5f9;flex:1}.activity-section h4{margin:0 0 16px;font-size:14px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.loading-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;flex-direction:column;gap:12px;color:#64748b}.loading-spinner{width:24px;height:24px;border:3px solid #f1f5f9;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.activity-feed{max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;position:relative}.activity-item:last-child{border-bottom:none}.activity-item .activity-icon{font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.activity-description{font-size:13px;color:#64748b;margin-bottom:8px;line-height:1.4}.activity-meta{display:flex;flex-direction:column;gap:6px}.activity-time{font-size:11px;color:#94a3b8;font-weight:500}.activity-tags{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:10px;padding:2px 6px;background:#e2e8f0;color:#64748b;border-radius:4px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:8px}.status-dot.success{background:#22c55e}.status-dot.info{background:#3b82f6}.status-dot.draft{background:#f59e0b}.status-dot.scheduled{background:#8b5cf6}.status-dot.published{background:#10b981}.details-section{padding:20px 24px;background:#f8fafc}.details-section h4{margin:0 0 16px;font-size:14px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.detail-list{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.detail-label{font-size:13px;color:#64748b;font-weight:500}.detail-value{font-size:13px;color:#1e293b;font-weight:600}.empty-state,.empty-activity{text-align:center;padding:40px 20px;color:#64748b}.empty-state p,.empty-activity p{margin:0 0 4px;font-size:16px;font-weight:600;color:#1e293b}.empty-state span,.empty-activity span{font-size:14px;color:#64748b}.calendar-activity-widget{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.calendar-activity-widget::-webkit-scrollbar{width:6px}.calendar-activity-widget::-webkit-scrollbar-track{background:#f1f5f9}.calendar-activity-widget::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.calendar-activity-widget::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.widget-header,.calendar-stats-section,.progress-section,.activity-section,.details-section{padding:16px 20px}.progress-legend{flex-direction:column;gap:8px}}.pld-container{background:#fff;min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pld-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.pld-header-left{display:flex;align-items:center;gap:12px}.pld-header h1{font-size:18px;font-weight:600;color:#0f1111;margin:0}.pld-breadcrumb{font-size:13px;color:#6b7280}.pld-actions{display:flex;gap:8px;align-items:center}.pld-search{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px}.pld-search input{border:none;outline:none;background:transparent;font-size:13px;width:200px;color:#374151}.pld-filter-btn,.pld-add-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;color:#374151}.pld-filter-btn:hover,.pld-add-btn:hover{background:#f9fafb;border-color:#d1d5db}.pld-tabs{display:flex;gap:4px;padding:12px 24px 0;border-bottom:1px solid #e5e7eb}.pld-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.pld-tab.active{color:#6366f1;border-bottom-color:#6366f1;font-weight:500}.pld-tab:hover:not(.active){color:#374151}.pld-tab svg{flex-shrink:0}.pld-tab-add{padding:8px 12px;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center}.pld-table-container{overflow-x:auto}.pld-table{width:100%;border-collapse:collapse;font-size:13px}.pld-table thead{background:#fafbfc;border-bottom:1px solid #e5e7eb}.pld-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pld-project-row td{padding:0;border-bottom:1px solid #e5e7eb}.pld-project-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s}.pld-project-header:hover{background:#f9fafb}.pld-project-left{display:flex;align-items:center;gap:8px}.pld-project-name{font-size:14px;font-weight:600;color:#0f1111}.pld-project-count{background:#e5e7eb;padding:2px 8px;border-radius:10px;font-size:11px;color:#6b7280;font-weight:500}.pld-more-icon{color:#374151;opacity:1;transition:opacity .2s}.pld-project-header:hover .pld-more-icon,.pld-campaign-header:hover .pld-more-icon{opacity:1}.pld-campaign-row td{padding:0;background:#fafbfc;border-bottom:1px solid #e5e7eb}.pld-campaign-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 10px 32px;cursor:pointer;transition:background .2s}.pld-campaign-header:hover{background:#f3f4f6}.pld-campaign-left{display:flex;align-items:center;gap:8px}.pld-campaign-name{font-size:13px;font-weight:500;color:#374151}.pld-task-count{background:#e5e7eb;padding:2px 6px;border-radius:8px;font-size:11px;color:#6b7280}.pld-task-row{border-bottom:1px solid #f3f4f6;transition:background .2s}.pld-task-row:hover{background:#f9fafb}.pld-task-row td{padding:10px 12px;vertical-align:middle}.pld-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#6366f1}.pld-task-name{display:flex;align-items:center;gap:8px;font-weight:500;color:#0f1111}.pld-task-desc{color:#6b7280;font-size:12px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pld-assignee{display:flex;align-items:center}.pld-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;cursor:pointer}.pld-due-date{font-size:13px;color:#6b7280}.pld-priority-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.pld-progress{display:flex;align-items:center;gap:8px}.pld-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;min-width:60px}.pld-progress-fill{height:100%;background:#6366f1;border-radius:3px;transition:width .3s}.pld-progress span{font-size:11px;color:#6b7280;min-width:32px}.pld-created-icon{display:flex;align-items:center;justify-content:center}.pld-more-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;opacity:0;transition:opacity .2s}.pld-task-row:hover .pld-more-btn{opacity:1}.pld-more-btn:hover{color:#374151}.pld-add-task-row td{padding:8px 12px 8px 48px;background:#fafbfc}.pld-add-task-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;color:#6b7280;font-size:13px;cursor:pointer;transition:color .2s}.pld-add-task-btn:hover{color:#374151}.pld-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:14px;color:#6b7280}.pld-board-view{padding:24px;background:#f9fafb;min-height:calc(100vh - 140px);overflow-x:auto}.pld-board-columns{display:flex;gap:16px;min-width:fit-content}.pld-board-column{flex:0 0 280px;background:#f3f4f6;border-radius:8px;padding:12px}.pld-board-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pld-board-column-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#374151}.pld-board-status-icon{font-size:14px}.pld-board-count{background:#e5e7eb;padding:2px 8px;border-radius:10px;font-size:11px;color:#6b7280}.pld-board-add{background:transparent;border:none;padding:4px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;border-radius:4px;transition:all .2s}.pld-board-add:hover{background:#e5e7eb;color:#374151}.pld-board-cards{display:flex;flex-direction:column;gap:12px}.pld-board-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s}.pld-board-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.pld-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pld-card-category{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pld-card-menu{background:transparent;border:none;padding:2px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;opacity:0;transition:opacity .2s}.pld-board-card:hover .pld-card-menu{opacity:1}.pld-card-title{font-size:14px;font-weight:500;color:#0f1111;margin-bottom:10px;line-height:1.4}.pld-card-status{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f9fafb;border-radius:6px;font-size:12px;color:#6b7280;margin-bottom:10px}.pld-card-progress{margin-left:auto;font-weight:500}.pld-card-footer{display:flex;align-items:center;gap:8px}.pld-avatar-sm{width:24px;height:24px;font-size:10px}.pld-card-time{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;margin-left:auto}.pld-board-add-task{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:transparent;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px;cursor:pointer;transition:all .2s}.pld-board-add-task:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.pld-timeline-view{background:#fff;min-height:calc(100vh - 140px)}.pld-timeline-header{display:flex;justify-content:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.pld-timeline-nav{display:flex;align-items:center;gap:12px}.pld-timeline-nav-btn{background:transparent;border:1px solid #e5e7eb;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;transition:all .2s}.pld-timeline-nav-btn:hover{background:#f9fafb;border-color:#d1d5db}.pld-timeline-range{font-size:14px;font-weight:500;color:#374151;min-width:120px;text-align:center}.pld-timeline-grid{padding:24px}.pld-timeline-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.pld-timeline-date{font-size:12px;font-weight:600;color:#6b7280;text-align:center;text-transform:uppercase;letter-spacing:.05em}.pld-timeline-content{display:flex;flex-direction:column;gap:32px}.pld-timeline-project{position:relative}.pld-timeline-project-name{font-size:14px;font-weight:600;color:#0f1111;margin-bottom:16px}.pld-timeline-campaign{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin-bottom:16px;min-height:120px}.pld-timeline-task{position:relative}.pld-timeline-task-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;height:100%;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px}.pld-timeline-task-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.pld-timeline-task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.pld-timeline-task-title{font-size:13px;font-weight:500;color:#0f1111;line-height:1.4;flex:1}.pld-timeline-task-menu{background:transparent;border:none;padding:2px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;opacity:0;transition:opacity .2s}.pld-timeline-task-card:hover .pld-timeline-task-menu{opacity:1}.pld-timeline-task-meta{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pld-timeline-task-project,.pld-timeline-task-campaign{font-weight:500}.pld-timeline-task-separator{color:#d1d5db}.pld-timeline-task-date{display:block}.pld-timeline-task-footer{display:flex;align-items:center;gap:6px;margin-top:auto}.pld-timeline-task-category{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pld-timeline-task-priority{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;text-transform:capitalize}.pld-timeline-task-avatars{display:flex;margin-left:auto}.pld-avatar-xs{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:#fff;flex-shrink:0;margin-left:auto}.pld-task-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.pld-task-row:hover .pld-task-actions{opacity:1}.pld-action-btn{background:transparent;border:none;padding:4px 8px;cursor:pointer;color:#6b7280;display:flex;align-items:center;border-radius:4px;transition:all .2s}.pld-action-btn:hover{background:#f3f4f6;color:#374151}.pld-delete-btn:hover{background:#fee2e2;color:#ef4444}.pld-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pld-modal{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;overflow:hidden}.pld-modal h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#0f1111}.pld-modal p{margin:0 0 16px;color:#6b7280}.pld-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:20px 24px 16px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.pld-modal-header h3{color:#111827;margin:0;font-size:18px;font-weight:600}.pld-modal-header button{background:transparent;border:none;font-size:20px;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;transition:all .2s}.pld-modal-header button:hover{background:#f3f4f6;color:#6b7280}.pld-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:0;padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;flex-shrink:0}.pld-modal-actions button{padding:10px 20px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.pld-modal-actions button:hover{background:#f3f4f6;border-color:#d1d5db}.pld-modal-actions .pld-primary:hover{background:#4f46e5;border-color:#4f46e5}.pld-modal-actions .pld-delete{background:#ef4444;color:#fff;border-color:#ef4444}.pld-modal-actions .pld-delete:hover{background:#dc2626}.pld-task-modal{max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.pld-task-modal form{display:flex;flex-direction:column;overflow:hidden;flex:1}.pld-task-modal form>div:not(.pld-modal-actions){overflow-y:auto;padding-right:4px;margin-bottom:16px;min-height:400px}.pld-task-modal form>div:not(.pld-modal-actions)::-webkit-scrollbar{width:6px}.pld-task-modal form>div:not(.pld-modal-actions)::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.pld-modal-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:0;margin-top:0;background:#fff;padding:0 24px;flex-shrink:0}.pld-modal-tab{padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.pld-view-modal{background:#fff;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column}.pld-view-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.pld-view-title{display:flex;align-items:center;gap:12px}.pld-view-title h2{margin:0;font-size:18px;font-weight:600;color:#0f1111}.pld-view-close{background:transparent;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;border-radius:4px;transition:all .2s}.pld-view-close:hover{background:#f3f4f6;color:#374151}.pld-view-content{padding:20px;overflow-y:auto;flex:1}.pld-view-section{margin-bottom:20px}.pld-view-section:last-child{margin-bottom:0}.pld-view-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.pld-view-text{font-size:14px;color:#374151;line-height:1.5}.pld-view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.pld-view-card{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.pld-view-value{font-size:16px;font-weight:600;color:#0f1111;margin-top:4px;text-transform:capitalize}.pld-view-section-title{font-size:14px;font-weight:600;color:#0f1111;margin-bottom:12px;display:flex;align-items:center;gap:8px}.pld-view-count{background:#e5e7eb;padding:2px 8px;border-radius:10px;font-size:11px;color:#6b7280;font-weight:500}.pld-view-timeline{display:flex;gap:24px;font-size:13px;color:#6b7280}.pld-view-timeline span{color:#9ca3af}.pld-view-timeline strong{color:#0f1111;font-weight:500}.pld-view-list{display:flex;flex-direction:column;gap:8px}.pld-view-item{padding:12px 16px;background:#fafbfc;border:1px solid #f3f4f6;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all .2s}.pld-view-item:hover{background:#f9fafb;border-color:#e5e7eb}.pld-view-item-content{flex:1;min-width:0}.pld-view-item-title{font-size:14px;font-weight:500;color:#0f1111;margin-bottom:2px}.pld-view-item-desc{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pld-view-item-meta{font-size:12px;color:#6b7280;text-transform:capitalize}.pld-view-item-badges{display:flex;gap:6px;flex-shrink:0}.pld-view-badge{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;text-transform:capitalize;white-space:nowrap}.pld-view-badge.success{background:#d1fae5;color:#065f46}.pld-view-badge.info{background:#dbeafe;color:#1e40af}.pld-view-badge.warning{background:#fef3c7;color:#92400e}.pld-view-empty{padding:32px;text-align:center;color:#9ca3af;font-size:13px;background:#fafbfc;border-radius:8px;border:1px dashed #e5e7eb}.pld-calendar-view{background:#fff;min-height:calc(100vh - 140px)}.pld-calendar-header{display:flex;justify-content:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.pld-calendar-nav{display:flex;align-items:center;gap:12px}.pld-calendar-nav-btn{background:transparent;border:1px solid #e5e7eb;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;transition:all .2s}.pld-calendar-nav-btn:hover{background:#f9fafb;border-color:#d1d5db}.pld-calendar-range{font-size:14px;font-weight:500;color:#374151;min-width:200px;text-align:center}.pld-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-bottom:none;margin:24px 24px 0;border-radius:8px 8px 0 0;overflow:hidden}.pld-calendar-weekday{background:#f9fafb;padding:12px;text-align:center;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pld-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-top:none;margin:0 24px 24px;border-radius:0 0 8px 8px;overflow:hidden}.pld-calendar-day{background:#fff;min-height:100px;display:flex;flex-direction:column}.pld-calendar-day.other-month{background:#fafbfc;opacity:.6}.pld-calendar-day.today{background:#f0f9ff}.pld-calendar-day-header{padding:4px 6px;display:flex;justify-content:flex-end;align-items:center}.pld-calendar-day.today .pld-calendar-day-header{background:transparent}.pld-calendar-day-name{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pld-calendar-day-number{font-size:12px;font-weight:500;color:#374151}.pld-calendar-day.today .pld-calendar-day-number{background:#3b82f6;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.pld-calendar-day-tasks{padding:4px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1}.pld-calendar-task-card{background:#f9fafb;border:1px solid #e5e7eb;border-left:2px solid #6366f1;border-radius:3px;padding:4px 6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;font-size:11px}.pld-calendar-task-card.project{border-left-color:#8b5cf6;background:#faf5ff}.pld-calendar-task-card.campaign{border-left-color:#10b981;background:#f0fdf4}.pld-calendar-task-card:hover{background:#fff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pld-calendar-task-card svg{flex-shrink:0;color:#6366f1}.pld-calendar-task-card.project svg{color:#8b5cf6}.pld-calendar-task-card.campaign svg{color:#10b981}.pld-calendar-task-title{font-size:11px;font-weight:500;color:#0f1111;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pld-calendar-more{font-size:10px;color:#6b7280;padding:2px 6px;text-align:center;cursor:pointer}.pld-calendar-more:hover{color:#374151;text-decoration:underline}.pld-filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:160px;padding:4px}.pld-filter-dropdown button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px;color:#374151;border-radius:6px;transition:all .2s}.pld-filter-dropdown button:hover{background:#f9fafb}.pld-filter-dropdown button.active{color:#6366f1;font-weight:500}.pld-modal-form-content{overflow-y:auto;flex:1;min-height:0}.dynamic-custom-fields{margin:20px 0}.custom-fields-section{margin-bottom:30px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.section-title{margin:0;padding:15px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-weight:600;font-size:16px;border-bottom:1px solid #e0e0e0}.fields-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.custom-field{display:flex;flex-direction:column}.field-label{display:block!important;font-weight:600!important;color:#333!important;margin-bottom:6px!important;font-size:14px!important;visibility:visible!important;opacity:1!important}.field-label .required{color:#e74c3c;margin-left:4px}.field-description{color:#666;font-size:12px;margin:0 0 8px;line-height:1.4}.field-input{position:relative}.field-input input,.field-input select,.field-input textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.field-input input:focus,.field-input select:focus,.field-input textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.field-input input.error,.field-input select.error,.field-input textarea.error{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33}.field-input textarea{resize:vertical;min-height:80px}.multiselect-container{border:1px solid #ddd;border-radius:4px;padding:10px;max-height:150px;overflow-y:auto;background:#fff}.checkbox-option{display:flex;align-items:center;padding:6px 0;cursor:pointer;font-size:14px;color:#333}.checkbox-option input[type=checkbox]{width:auto;margin-right:8px;margin-bottom:0}.checkbox-option:hover{background:#f8f9fa;border-radius:2px}.checkbox-single{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#333;padding:10px 0}.checkbox-single input[type=checkbox]{width:auto;margin-right:8px;margin-bottom:0}.field-error{color:#e74c3c;font-size:12px;margin-top:4px;font-weight:500}.field-input:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;border-radius:0 4px 4px 0;z-index:1}.custom-field[data-field-type=text] .field-input:before{background:#3498db}.custom-field[data-field-type=number] .field-input:before{background:#e67e22}.custom-field[data-field-type=date] .field-input:before{background:#9b59b6}.custom-field[data-field-type=select] .field-input:before,.custom-field[data-field-type=multiselect] .field-input:before{background:#2ecc71}.custom-field[data-field-type=checkbox] .field-input:before{background:#f39c12}.custom-field[data-field-type=url] .field-input:before{background:#1abc9c}.custom-field[data-field-type=email] .field-input:before{background:#e74c3c}.field-input input:disabled,.field-input select:disabled,.field-input textarea:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.checkbox-option input:disabled,.checkbox-single input:disabled{cursor:not-allowed}@media(max-width:768px){.fields-grid{grid-template-columns:1fr;padding:15px}.section-title{padding:12px 15px;font-size:15px}.field-input input,.field-input select,.field-input textarea{padding:12px;font-size:16px}}.custom-field{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.field-input.valid input,.field-input.valid select,.field-input.valid textarea{border-color:#27ae60}.field-input.valid:after{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#27ae60;font-weight:700;pointer-events:none}.field-input.loading{position:relative}.field-input.loading:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.compact-form-group{margin-bottom:20px}.compact-form-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px;letter-spacing:-.03em}.compact-form-input,.compact-form-select,.compact-form-textarea{width:100%;padding:10px 12px;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.03em;color:#111827;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;transition:all .15s;box-sizing:border-box}.compact-form-input:focus,.compact-form-select:focus,.compact-form-textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.compact-form-input::placeholder,.compact-form-textarea::placeholder{color:#9ca3af}.compact-form-textarea{resize:vertical;min-height:80px}.compact-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.compact-btn{padding:10px 16px;font-size:14px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.03em;border-radius:8px;border:none;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.compact-btn-primary{background-color:#3b82f6;color:#fff}.compact-btn-primary:hover:not(:disabled){background-color:#2563eb}.compact-btn-primary:disabled{opacity:.5;cursor:not-allowed}.compact-btn-secondary{background-color:#f3f4f6;color:#374151}.compact-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.compact-btn-danger{background-color:#ef4444;color:#fff}.compact-btn-danger:hover:not(:disabled){background-color:#dc2626}.compact-member-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;transition:background-color .15s}.compact-member-item:hover{background-color:#f9fafb}.compact-member-info{display:flex;align-items:center;gap:12px;flex:1}.compact-member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.compact-member-details{flex:1}.compact-member-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:2px;letter-spacing:-.03em}.compact-member-email{font-size:13px;color:#6b7280;letter-spacing:-.03em}.compact-member-badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:500;border-radius:12px;background-color:#dbeafe;color:#1e40af;margin-left:8px;letter-spacing:-.03em}.compact-member-role{padding:6px 12px;font-size:13px;color:#6b7280;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;letter-spacing:-.03em;min-width:100px;text-align:center}.compact-copy-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.compact-copy-label{font-size:13px;font-weight:500;color:#6b7280;margin-bottom:8px;letter-spacing:-.03em}.compact-copy-input-group{display:flex;gap:8px}.compact-copy-input{flex:1;padding:10px 12px;font-size:13px;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:#6b7280;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none}.compact-copy-btn{padding:10px 16px;font-size:13px;font-weight:500;color:#3b82f6;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;cursor:pointer;transition:all .15s;letter-spacing:-.03em}.compact-copy-btn:hover{background-color:#dbeafe;border-color:#93c5fd}.compact-input-tags{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-height:44px}.compact-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;letter-spacing:-.03em}.compact-tag-remove{background:none;border:none;cursor:pointer;padding:0;color:#9ca3af;display:flex;align-items:center;transition:color .15s}.compact-tag-remove:hover{color:#ef4444}.compact-info-box{padding:12px;border-radius:8px;font-size:13px;line-height:1.5;letter-spacing:-.03em}.compact-info-box.info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.compact-info-box.warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.compact-info-box.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.compact-info-box.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.campaign-template-builder{margin-bottom:32px}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.builder-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.btn-add{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add:hover{background:#059669;transform:translateY(-1px)}.campaigns-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.campaigns-table{width:100%;border-collapse:collapse;font-size:13px}.campaigns-table thead{background:#f8f9fa;border-bottom:1px solid #e0e0e0}.campaigns-table th{padding:10px 12px;text-align:left;font-weight:600;color:#5f6368;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.campaigns-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s ease}.campaigns-table tbody tr:hover{background:#f8f9fa}.campaigns-table td{padding:12px;vertical-align:middle}.order-cell{width:100px}.order-controls{display:flex;align-items:center;gap:8px}.order-btn{background:transparent;border:1px solid #e0e0e0;padding:2px 6px;border-radius:3px;cursor:pointer;font-size:10px;color:#5f6368;transition:all .15s ease}.order-btn:hover:not(:disabled){background:#f0f0f0;border-color:#3b82f6;color:#3b82f6}.order-btn:disabled{opacity:.3;cursor:not-allowed}.description-text{font-size:11px;color:#6b7280;margin-top:4px}.type-cell{text-transform:capitalize;color:#5f6368}.number-cell{text-align:right;color:#5f6368;font-variant-numeric:tabular-nums}.campaign-modal{max-width:700px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group.full-width{grid-column:1 / -1}.empty-state{text-align:center;padding:40px 20px;background:#fff;border:2px dashed #e0e0e0;border-radius:8px;color:#6b7280}.ctb-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ctb-modal{background:#fff;border-radius:12px;max-width:700px;width:90%;max-height:85vh;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;overflow:hidden}.ctb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.ctb-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#0f1111}.ctb-modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.ctb-modal-body::-webkit-scrollbar{width:6px}.ctb-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ctb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ctb-form-group:last-child{grid-column:1 / -1}.ctb-form-group{margin-bottom:0}.ctb-form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px}.ctb-form-group input,.ctb-form-group select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit}.ctb-form-group input:focus,.ctb-form-group select:focus{outline:none;border-color:#6366f1}.ctb-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px}.ctb-modal-footer button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ctb-btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#374151}.ctb-btn-cancel:hover{background:#f9fafb}.ctb-btn-save{background:#6366f1;border:1px solid #6366f1;color:#fff}.ctb-btn-save:hover{background:#4f46e5}.template-form-modal{max-width:900px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;padding:0}.template-form-modal .pld-modal-header{padding:16px;margin-bottom:0}.template-form-modal form{display:flex;flex-direction:column;overflow:hidden;flex:1}.template-form-modal form>div:not(.pld-modal-actions):not(.pld-modal-tabs){overflow-y:auto;padding:16px;flex:1;min-height:0}.template-form-modal form>div:not(.pld-modal-actions):not(.pld-modal-tabs)::-webkit-scrollbar{width:6px}.template-form-modal form>div:not(.pld-modal-actions):not(.pld-modal-tabs)::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.pld-modal-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:0}.pld-modal-tab{padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.pld-modal-tab.active{color:#6366f1;border-bottom-color:#6366f1}.pld-modal-tab:hover:not(.active):not(:disabled){color:#374151}.pld-modal-tab:disabled{opacity:.4;cursor:not-allowed}.pld-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.pld-form-group{margin-bottom:10px}.pld-form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px}.pld-form-group input,.pld-form-group textarea,.pld-form-group select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit}.pld-form-group input:focus,.pld-form-group textarea:focus,.pld-form-group select:focus{outline:none;border-color:#6366f1}.pld-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:0;padding:16px;border-top:1px solid #e5e7eb}.pld-modal-actions button{padding:8px 16px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:6px}.pld-modal-actions button:hover{background:#f9fafb}.pld-modal-actions .pld-primary{background:#6366f1;color:#fff;border-color:#6366f1}.pld-modal-actions .pld-primary:hover{background:#4f46e5}.pld-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin .6s linear infinite}:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f8;--bg-hover: #ececf1;--border-light: #e5e5e5;--text-primary: #0d0d0d;--text-secondary: #676767;--accent: #10a37f;--accent-hover: #0d8c6f;--danger: #ef4444;--sidebar-width: 260px}*{box-sizing:border-box}.ai-studio-container{display:flex;height:100vh;width:100%;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);overflow:hidden}.ai-studio-sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:12px;border-bottom:1px solid var(--border-light)}.new-chat-btn{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:Space Grotesk,sans-serif}.new-chat-btn:hover{background:var(--bg-hover)}.sidebar-content{flex:1;overflow-y:auto;padding:8px}.sidebar-section{margin-bottom:20px}.sidebar-section-title{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;margin-bottom:4px;font-family:Space Grotesk,-apple-system,sans-serif}.conversation-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:2px;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;overflow:hidden}.conversation-item:hover,.conversation-item.active{background:var(--bg-hover)}.conversation-item-content{flex:1;min-width:0}.conversation-title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Space Grotesk,sans-serif}.conversation-meta{font-size:11px;color:var(--text-secondary);margin-top:2px}.delete-conv-btn{opacity:0;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.conversation-item:hover .delete-conv-btn{opacity:1}.delete-conv-btn:hover{color:var(--danger)}.content-type-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:2px;display:flex;align-items:center;gap:10px}.content-type-item:hover{background:var(--bg-hover)}.content-type-item.selected{background:var(--accent);color:#fff}.content-type-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-type-label{font-size:13px;font-weight:500;flex:1;font-family:Space Grotesk,sans-serif}.ai-studio-main{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.chat-header{padding:12px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary)}.chat-title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.chat-actions{display:flex;gap:8px;align-items:center}.brand-select{padding:6px 12px;font-size:13px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-family:Space Grotesk,sans-serif}.toggle-sidebar-btn{padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif}.toggle-sidebar-btn:hover{background:var(--bg-hover)}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:center}.messages-wrapper{width:100%;max-width:768px}.message-group{margin-bottom:24px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--accent);color:#fff;box-shadow:0 2px 6px #0000001a}.message-avatar.user{background:linear-gradient(135deg,#667eea,#764ba2)}.message-role{font-size:14px;font-weight:600;color:var(--text-primary)}.message-content{padding-left:44px;font-size:15px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.message-content img{max-width:100%;border-radius:12px;margin:16px 0;box-shadow:0 4px 12px #0000001a}.message-actions{padding-left:44px;margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.message-btn{padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif}.message-btn:hover{background:var(--bg-hover)}.message-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.message-btn.primary:hover{background:var(--accent-hover)}.input-container{padding:20px;border-top:1px solid var(--border-light);background:var(--bg-primary);display:flex;justify-content:center}.input-wrapper{width:100%;max-width:768px}.platform-upload-section{margin-bottom:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.upload-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:block}.image-upload-area{margin-bottom:12px}.image-preview{max-width:200px;border-radius:8px;margin-bottom:12px}.file-input-label{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.file-input-label:hover{background:var(--bg-hover)}.platform-selector{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.platform-chip{padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.platform-chip:hover{background:var(--bg-hover)}.platform-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.input-box{position:relative;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .2s}.input-box:focus-within{border-color:var(--accent);box-shadow:0 2px 12px #10a37f26}.input-textarea{width:100%;padding:14px 50px 14px 14px;border:none;background:transparent;font-size:15px;font-family:Space Grotesk,sans-serif;resize:none;outline:none;color:var(--text-primary);min-height:52px;max-height:200px}.input-textarea::placeholder{color:var(--text-secondary)}.send-button{position:absolute;right:8px;bottom:8px;width:36px;height:36px;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:disabled{opacity:.4;cursor:not-allowed}.web-search-toggle{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.toggle-switch{position:relative;width:40px;height:22px;background:var(--border-light);border-radius:11px;cursor:pointer;transition:all .3s}.toggle-switch.active{background:var(--accent)}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s;box-shadow:0 2px 4px #0003}.toggle-switch.active:after{left:20px}.loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:12px}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-text{font-size:14px}.platform-results{margin-top:16px;display:flex;flex-direction:column;gap:12px}.platform-result-card{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px}.platform-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.platform-result-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.platform-result-content{font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;margin-bottom:12px}@media(max-width:768px){.ai-studio-sidebar{position:fixed;left:-100%;top:0;bottom:0;z-index:1000;transition:left .3s}.ai-studio-sidebar.open{left:0}.messages-wrapper,.input-wrapper{max-width:100%}}.sidebar-content::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.pm-action-btn{padding:4px 8px;background:transparent;border:1px solid var(--border-light);border-radius:4px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.pm-action-btn:hover{background:var(--bg-hover)}.pm-action-btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.pm-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.pm-empty .emoji{font-size:40px;margin-bottom:12px}.pm-empty .title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.pm-empty .hint{font-size:13px}.market-dashboard{padding:1.5rem;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1e293b}.loading-spinner{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafce6;gap:1rem;z-index:9999}.spinner-modern{position:relative;width:48px;height:48px;color:#4f46e5;animation:hourglass-spin 2s ease-in-out infinite}.spinner-modern:before{content:"⏳";font-size:48px;display:block}@keyframes hourglass-spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.loading-spinner p{color:#64748b;font-size:.875rem;font-weight:500}.error-state{display:flex;justify-content:center;align-items:center;height:200px;font-size:1rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.header-content h1{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.subtitle{color:#64748b;font-size:.875rem;margin:.5rem 0 0}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.time-filter{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:120px}.time-filter:hover{background:#f8fafc;border-color:#94a3b8}.time-filter.active{background:#1a73e8;color:#fff;border-color:#1a73e8}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:all .2s}.kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.kpi-card.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.kpi-icon-wrapper{width:48px;height:48px;border-radius:12px;background:#4f46e51a;display:flex;align-items:center;justify-content:center;color:#4f46e5;flex-shrink:0}.kpi-card.primary .kpi-icon-wrapper{background:#fff3;color:#fff}.kpi-label{font-size:.875rem;color:#64748b;font-weight:500;margin-bottom:.25rem}.kpi-card.primary .kpi-label{color:#ffffffe6}.kpi-value{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;line-height:1}.kpi-card.primary .kpi-value{color:#fff}.kpi-meta{font-size:.75rem;color:#64748b}.kpi-card.primary .kpi-meta{color:#fffc}.trend{font-weight:500}.trend.positive{color:#10b981}.kpi-card.primary .trend.positive{color:#86efac}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f1f5f9;background:#fafbfc}.card-header h2{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.card-badge{background:#e0e7ff;color:#4338ca;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.content-grid-three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}.channel-list{padding:1rem;display:flex;flex-direction:column;gap:1rem}.channel-card{padding:1rem;border:1px solid #f1f5f9;border-radius:8px;background:#fafbfc;transition:all .2s}.channel-card:hover{background:#f8fafc;border-color:#e2e8f0}.channel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.channel-icon{width:32px;height:32px;border-radius:6px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center}.channel-name{font-weight:600;color:#1e293b;font-size:.875rem}.channel-stats{display:flex;flex-direction:column;gap:.5rem}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.75rem;color:#64748b;font-weight:500}.stat-value{font-size:.875rem;font-weight:600;color:#1e293b}.stat-value.highlight{color:#4f46e5}.chart-container{padding:1rem}.donut-chart-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.donut-chart{width:200px;height:200px}.donut-legend{display:flex;flex-direction:column;gap:.5rem;width:100%}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-label{flex:1;color:#64748b;font-weight:500}.legend-value{color:#1e293b;font-weight:600}.engagement-list{padding:1rem;display:flex;flex-direction:column;gap:1rem}.engagement-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;background:#fafbfc;border:1px solid #f1f5f9}.engagement-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.engagement-icon.likes{background:#fef2f2;color:#dc2626}.engagement-icon.comments{background:#eff6ff;color:#2563eb}.engagement-icon.shares{background:#f0fdf4;color:#16a34a}.engagement-icon.views{background:#fefce8;color:#ca8a04}.engagement-icon.email-opens{background:#f3e8ff;color:#9333ea}.engagement-icon.email-clicks{background:#ecfdf5;color:#059669}.engagement-content{flex:1}.engagement-value{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.engagement-label{font-size:.75rem;color:#64748b;font-weight:500}.section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;margin-bottom:1.5rem;overflow:hidden}.section h2{margin:0;padding:1.5rem;background:#fafbfc;color:#1e293b;font-size:1.125rem;font-weight:600;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:.5rem}.section h3{margin:1.5rem 0 1rem 1.5rem;color:#1e293b;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}table{width:100%;border-collapse:collapse;font-size:.875rem}th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#1e293b}tr:hover{background:#f8fafc}.platform-name{font-weight:600;color:#1e293b;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.engagement-rate{font-weight:600;color:#4f46e5}.bar-chart{display:flex;align-items:end;gap:1rem;height:250px;padding:1.5rem;background:#f8fafc;border-radius:8px}.chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar{width:100%;max-width:60px;border-radius:4px 4px 0 0;margin-bottom:.75rem;transition:all .3s ease}.bar:hover{opacity:.8;transform:translateY(-2px)}.bar-label{font-size:.75rem;font-weight:600;color:#475569;margin-bottom:.25rem;text-transform:uppercase}.bar-value{font-size:.6875rem;color:#64748b;margin-bottom:.125rem}.bar-percentage{font-size:.75rem;font-weight:600;color:#1e293b}.line-chart{display:flex;align-items:end;gap:.5rem;height:250px;padding:1.5rem;background:#f8fafc;border-radius:8px;overflow-x:auto}.revenue-bar{display:flex;flex-direction:column;align-items:center;min-width:60px;height:100%}.revenue-fill{background:#4f46e5;width:100%;max-width:40px;border-radius:4px 4px 0 0;margin-bottom:.75rem;transition:opacity .2s}.revenue-fill:hover{opacity:.8}.revenue-date{font-size:.6875rem;color:#64748b;margin-bottom:.25rem}.revenue-amount{font-size:.625rem;font-weight:600;color:#1e293b}.top-posts-table{margin-bottom:1.5rem}.top-posts-table td:first-child{font-weight:600;color:#64748b}.top-posts-table td:nth-child(2){font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-posts-table td:nth-child(4),.top-posts-table td:nth-child(5),.top-posts-table td:nth-child(6){font-weight:500;color:#475569}.efforts-table td:first-child{font-weight:600;color:#1e293b}.efforts-table td:nth-child(4){font-weight:600;color:#1e293b}@media(max-width:1200px){.content-grid-three-col{grid-template-columns:1fr 1fr}}@media(max-width:768px){.market-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:flex-start}.kpi-grid,.content-grid-three-col{grid-template-columns:1fr}table{font-size:.75rem}th,td{padding:.5rem .75rem}.bar-chart,.line-chart{overflow-x:auto;padding:1rem}.chart-bar,.revenue-bar{min-width:50px}}@media(max-width:480px){.header-content h1{font-size:1.125rem}.section h2{font-size:1rem;padding:1rem}table{font-size:.6875rem}th,td{padding:.375rem .5rem}.top-posts-table td:nth-child(2){max-width:120px}}.calendar-dashboard{padding:20px;max-width:1200px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header button{background:#3498db;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:18px}.calendar-header button:hover{background:#2980b9}.calendar-header h2{margin:0;color:#2c3e50}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1px}.weekday{background:#34495e;color:#fff;padding:10px;text-align:center;font-weight:700}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#bdc3c7;border:1px solid #bdc3c7}.calendar-day{background:#fff;min-height:120px;padding:8px;cursor:pointer;transition:background-color .2s;position:relative}.calendar-day:hover{background:#ecf0f1}.calendar-day.selected{background:#e8f4fd;border:2px solid #3498db}.calendar-day.today{background:#fff3cd}.calendar-day.empty{background:#f8f9fa;cursor:default}.day-number{font-weight:700;margin-bottom:5px;color:#2c3e50}.day-posts{display:flex;flex-direction:column;gap:2px}.post-indicator{color:#fff;padding:2px 4px;border-radius:3px;font-size:10px;font-weight:700;text-align:center;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.more-posts{font-size:10px;color:#7f8c8d;text-align:center;margin-top:2px}.selected-date-posts{margin-top:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.selected-date-posts h3{margin-top:0;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px}.posts-list{display:flex;flex-direction:column;gap:15px}.post-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.platform-badge{color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700;text-transform:uppercase;min-width:80px;text-align:center}.post-content{flex:1}.post-content h4{margin:0 0 5px;color:#2c3e50}.post-status{margin:5px 0;color:#7f8c8d;font-size:14px}.post-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.metric{background:#e8f4fd;padding:3px 8px;border-radius:12px;font-size:12px;color:#2980b9}.loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:#7f8c8d}@media(max-width:768px){.calendar-day{min-height:80px;padding:4px}.day-number{font-size:12px}.post-indicator{font-size:8px;height:12px;min-width:12px}.post-item{flex-direction:column;gap:10px}.platform-badge{align-self:flex-start}}:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--secondary-gradient: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--accent-gradient: linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #34d399 100%);--dark-gradient: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--text-primary: #0f172a;--text-secondary: #64748b;--text-light: #94a3b8}.metrics-dashboard{min-height:100vh;background:#f0f4f8;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(168,85,247,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(236,72,153,.1) 0px,transparent 50%);padding:2rem;font-family:Inter,sans-serif;color:var(--text-primary)}.loading-overlay{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner-modern{position:relative;width:80px;height:80px;margin-bottom:1.5rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spinRing 1.5s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:#6366f1;animation-delay:-.45s}.spinner-ring:nth-child(2){border-top-color:#a855f7;animation-delay:-.3s}.spinner-ring:nth-child(3){border-top-color:#ec4899;animation-delay:-.15s}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem;animation:slideUp .5s ease}.dashboard-header h1{margin:0;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.03em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:#fff;padding:8px;border-radius:16px;box-shadow:var(--card-shadow);border:1px solid rgba(226,232,240,.8)}.controls select,.controls button{padding:10px 18px;border:1px solid transparent;border-radius:10px;background:#f8fafc;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.controls select:hover,.controls button:hover{background:#f1f5f9;color:var(--text-primary);transform:translateY(-1px)}.controls select:focus,.controls button:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.fetch-btn{background:var(--primary-gradient)!important;color:#fff!important;box-shadow:0 4px 12px #6366f14d}.fetch-btn:hover{box-shadow:0 6px 16px #6366f166!important;transform:translateY(-2px)!important}.fetch-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem;margin-bottom:2.5rem}.metric-card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.5rem;box-shadow:var(--glass-shadow);border:1px solid rgba(255,255,255,.6);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:slideUp .6s ease backwards}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease}.metric-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--hover-shadow);background:#fffffff2}.metric-card:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.period-badge{padding:4px 10px;background:#6366f11a;color:#6366f1;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.1;margin-bottom:.5rem;background:var(--dark-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.metric-secondary{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-radius:10px;margin-top:1rem;border:1px solid #f1f5f9}.posts-section{background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--card-shadow);border:1px solid rgba(226,232,240,.6);transition:transform .3s ease;animation:slideUp .7s ease backwards}.posts-section:hover{box-shadow:var(--hover-shadow)}.posts-section h2{margin:0 0 1.5rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.posts-table-container{overflow-x:auto;border-radius:16px;border:1px solid #e2e8f0;background:#fff}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead{background:#f8fafc}.data-table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:var(--text-primary);font-weight:500;transition:background .2s ease}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#f8fafc}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.metrics-dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.controls{width:100%;overflow-x:auto;padding:12px}.controls select,.controls button{flex:1;min-width:120px}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:2rem}}.text-gradient-primary{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-secondary{background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.engagement-high{color:#10b981;font-weight:700;background:#10b9811a;padding:4px 8px;border-radius:6px}.engagement-medium{color:#f59e0b;font-weight:600}.engagement-low{color:#64748b}.document-library{display:flex;flex-direction:column;height:100vh;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1e293b}.doc-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e5e7eb;padding:12px 20px}.doc-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.doc-title-section{display:flex;flex-direction:column;gap:2px}.doc-title-section h1{font-size:20px;font-weight:700;color:#1f2937;margin:0;white-space:nowrap}.doc-title-section p{color:#6b7280;font-size:13px;margin:0;white-space:nowrap}.doc-controls-section{display:flex;align-items:center;gap:6px}.doc-divider{width:1px;height:24px;background:#e5e7eb;margin:0 4px}.doc-search-container{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:all .15s ease;min-width:160px;padding:0 8px;gap:6px;height:32px}.doc-search-container:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.doc-search-icon{color:#9ca3af;flex-shrink:0}.doc-search-input{flex:1;padding:8px 0;font-size:14px;border:none;outline:none;color:#1e293b;background:transparent}.doc-filter-select{font-size:13px;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;outline:none;font-weight:500;background:#fff;color:#374151;cursor:pointer;transition:all .15s ease;min-width:110px;height:32px}.doc-filter-select:hover{border-color:#9ca3af}.doc-filter-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.doc-view-toggle{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background:#fff}.doc-view-button{padding:8px 12px;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.doc-view-button:not(:last-child){border-right:1px solid #e5e7eb}.doc-view-button:hover{background:#f3f4f6}.doc-view-button.active{background:#2383e2;color:#fff}.doc-create-button{padding:6px;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 1px 2px #00000014;margin-left:auto;min-width:32px;min-height:32px}.doc-create-button:hover{background:#6d28d9;box-shadow:0 2px 4px #0000001f}.doc-filter-button{padding:8px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;white-space:nowrap}.doc-filter-button:hover{background:#f3f4f6;border-color:#9ca3af}.doc-icon-button{padding:6px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;min-width:32px;min-height:32px}.doc-icon-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.doc-icon-button.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.doc-filters-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:16px;display:flex;flex-direction:column;gap:12px}.doc-filters-inline{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb}.doc-filters-close-inline{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;min-width:36px;min-height:36px;margin-left:auto}.doc-filters-close-inline:hover{background:#f3f4f6;color:#1f2937}.doc-filters-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.doc-filters-header span{font-weight:600;color:#1f2937;font-size:14px}.doc-filters-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.doc-filters-close:hover{background:#f3f4f6;color:#1f2937}.doc-filters-content{display:flex;flex-direction:column;gap:12px}.doc-table-header{display:grid;grid-template-columns:40px 2fr 100px 140px 100px 110px 90px;gap:.75rem;padding:.625rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.doc-table-header-cell{display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:color .2s ease}.doc-table-header-cell:hover{color:#4f46e5}.doc-grid-container{flex:1;overflow-y:auto;background:#fff}.doc-table{width:100%}.doc-table-row{display:grid;grid-template-columns:40px 2fr 100px 140px 100px 110px 90px;gap:.75rem;padding:.5rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .15s ease;align-items:center}.doc-table-row:hover{background:linear-gradient(90deg,#f8fafc,#fff);box-shadow:0 2px 8px #0000000a;border-left:3px solid #4f46e5;padding-left:calc(1.5rem - 3px)}.doc-table-cell{display:flex;align-items:center;font-size:.875rem}.doc-table-cell-name{display:flex;align-items:center;gap:.75rem;min-width:0}.doc-table-file-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.doc-table-file-icon.pdf{background:#fee2e2;color:#dc2626}.doc-table-file-icon.doc{background:#dbeafe;color:#2563eb}.doc-table-file-icon.xls{background:#dcfce7;color:#16a34a}.doc-table-file-icon.ppt{background:#fed7aa;color:#ea580c}.doc-table-file-icon.img{background:#f3e8ff;color:#9333ea}.doc-table-file-icon.default{background:#f1f5f9;color:#64748b}.doc-table-file-name{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-table-status{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.doc-table-status.approved{background:#dcfce7;color:#166534}.doc-table-status.pending{background:#fef3c7;color:#92400e}.doc-table-status.rejected{background:#fee2e2;color:#991b1b}.doc-table-status.draft{background:#f3f4f6;color:#374151}.doc-table-owner{color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-table-category{color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-table-date{color:#64748b;font-weight:500}.doc-table-actions{display:flex;align-items:center;gap:.375rem}.doc-table-action-button{padding:.5rem;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;border-radius:6px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.doc-table-action-button:hover{background:#4f46e5;border-color:#4f46e5;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #4f46e533}.doc-loading,.doc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.doc-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.doc-loading-text{color:#64748b;font-weight:600}.doc-empty-title{color:#94a3b8;font-size:18px;margin-bottom:8px;font-weight:600}.doc-empty-subtitle{color:#cbd5e1;font-size:14px}.doc-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.doc-modal-content{background:#fff;border-radius:16px;max-width:90vw;max-height:90vh;width:800px;display:flex;flex-direction:column;box-shadow:0 24px 48px #0003}.doc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.doc-modal-header h2{font-size:20px;font-weight:700;color:#0f172a;margin:0}.doc-modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;line-height:1}.doc-modal-close:hover{background:#f1f5f9;color:#0f172a}.doc-modal-body{flex:1;padding:24px;overflow:auto}.doc-modal-viewer{display:flex;align-items:center;justify-content:center;min-height:400px}.doc-modal-image,.doc-modal-video{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 8px 16px #0000001a}.doc-modal-iframe{width:100%;height:70vh;border:none;border-radius:8px;box-shadow:0 8px 16px #0000001a}.doc-modal-download{text-align:center;padding:32px}.doc-file-icon{font-size:64px;margin-bottom:16px}.doc-download-button{display:inline-block;padding:12px 24px;background:#4f46e5;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;margin-top:16px;transition:all .3s;box-shadow:0 4px 12px #4f46e54d}.doc-download-button:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.doc-modal-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#64748b;font-weight:600}.doc-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-top:1px solid #e5e7eb}.doc-pagination-info{font-size:14px;color:#6b7280;font-weight:500}.doc-pagination-controls{display:flex;align-items:center;gap:16px}.doc-pagination-button{padding:8px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.doc-pagination-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.doc-pagination-button:disabled{opacity:.4;cursor:not-allowed}.doc-pagination-pages{font-size:14px;color:#374151;font-weight:500}.doc-pagination-select{padding:6px 8px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;height:32px}.doc-pagination-select:hover{border-color:#9ca3af}.doc-pagination-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}@media(max-width:768px){.doc-header{padding:16px}.doc-header-top h1{font-size:18px}.doc-controls-row{gap:8px}.doc-search-container{min-width:140px}.doc-filter-select{min-width:110px;font-size:13px}.doc-create-button{padding:8px 12px;font-size:13px}}.usage-dashboard-page{min-height:100vh;background:#f8fafc;padding:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:1rem}.back-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.back-btn:hover{background:#e5e7eb}.dashboard-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:#111827}.dashboard-header p{margin:0;font-size:.875rem;color:#6b7280}.header-actions{display:flex;gap:.75rem}.export-btn{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-weight:500;cursor:pointer}.export-btn:hover{background:#2563eb}.export-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.dashboard-filters{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:12px;border:1px solid #e5e7eb}.filter-select{flex:1;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;color:#111827}.empty-state p{margin:0;color:#6b7280}.dashboard-content{display:flex;flex-direction:column;gap:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.kpi-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.kpi-content{flex:1}.kpi-label{font-size:.875rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.kpi-value{font-size:1.875rem;font-weight:700;color:#111827}.section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.badge{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge.warning{background:#fef3c7;color:#92400e}.assets-list{display:flex;flex-direction:column;gap:.75rem}.asset-item-wrapper{border:1px solid #f3f4f6;border-radius:8px;overflow:hidden}.asset-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb}.asset-thumbnail{width:48px;height:48px;background:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.asset-info{flex:1;min-width:0}.asset-name{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{font-size:.75rem;color:#6b7280}.asset-actions{display:flex;align-items:center;gap:.5rem}.action-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#e5e7eb}.usage-badge{background:#4f46e5;color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;min-width:70px;text-align:center}.usage-details{padding:1rem;background:#fff;border-top:1px solid #e5e7eb}.usage-details h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#111827}.posts-list{display:flex;flex-direction:column;gap:.75rem}.post-item{padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #f3f4f6}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.post-title{font-weight:600;color:#111827;font-size:.875rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.625rem;font-weight:500;text-transform:uppercase}.status-badge.published{background:#10b981;color:#fff}.status-badge.draft{background:#f59e0b;color:#fff}.post-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.75rem;color:#6b7280}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.category-card{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.category-name{font-weight:600;color:#111827;margin-bottom:.75rem}.category-stats{display:flex;gap:1rem}.stat{display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:#6b7280}.stat-value{font-size:1.25rem;font-weight:700;color:#111827}.unused-list{display:flex;flex-direction:column;gap:.5rem}.unused-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fef3c7;border-radius:6px;border:1px solid #fde047}.view-btn{display:flex;align-items:center;gap:.25rem;background:#fff;border:1px solid #e5e7eb;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer}.view-btn:hover{background:#f9fafb}.loading-inline{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;padding:.5rem}@media(max-width:1024px){.kpi-grid,.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.kpi-grid,.category-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-filters{flex-direction:column}}.mfa-setup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mfa-setup-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.mfa-verification-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:450px;width:100%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mfa-setup-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #e5e7eb}.mfa-setup-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#111827}.mfa-setup-header p{margin:0;color:#6b7280;font-size:16px}.mfa-setup-body{padding:24px}.mfa-loading{text-align:center;padding:40px 20px}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.mfa-step{display:flex;gap:16px;margin-bottom:32px;align-items:flex-start}.mfa-step:last-child{margin-bottom:0}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.step-content{flex:1}.step-content h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.step-content p{margin:0 0 12px;color:#6b7280;line-height:1.5}.app-suggestions{display:flex;gap:8px;flex-wrap:wrap}.app-suggestions span{background:#f3f4f6;color:#374151;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.qr-code-container{display:flex;justify-content:center;margin:16px 0;padding:20px;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.qr-code{max-width:200px;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.manual-entry{margin-top:16px}.manual-entry summary{cursor:pointer;color:#3b82f6;font-size:14px;font-weight:500;padding:8px 0}.manual-entry summary:hover{color:#1d4ed8}.secret-code{display:flex;align-items:center;gap:8px;margin-top:8px;padding:12px;background:#f3f4f6;border-radius:8px}.secret-code code{flex:1;font-family:Courier New,monospace;font-size:14px;color:#374151;word-break:break-all}.copy-btn{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;font-weight:500;transition:background-color .2s}.copy-btn:hover{background:#1d4ed8}.verification-input{width:100%;padding:16px;border:2px solid #d1d5db;border-radius:12px;font-size:24px;font-weight:700;text-align:center;letter-spacing:8px;font-family:Courier New,monospace;transition:border-color .2s,box-shadow .2s;outline:none}.verification-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.verification-input.large{font-size:32px;padding:20px;letter-spacing:12px}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-top:12px;font-size:14px;font-weight:500;border:1px solid #fecaca}.mfa-setup-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e5e7eb}.btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-verify{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.btn-verify:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.btn-verify:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.verification-container{text-align:center;padding:20px 0}.auth-icon{font-size:64px;margin-bottom:16px}.verification-instruction{font-size:16px;color:#6b7280;margin-bottom:24px;line-height:1.5}.help-text{margin-top:16px}.help-text p{font-size:14px;color:#9ca3af;margin:0}.lost-device-link{text-align:center;padding:16px 24px;border-top:1px solid #e5e7eb}.lost-device-link a{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500}.lost-device-link a:hover{color:#1d4ed8;text-decoration:underline}@media(max-width:640px){.mfa-setup-overlay{padding:10px}.mfa-setup-modal,.mfa-verification-modal{max-width:100%}.mfa-step{flex-direction:column;gap:12px}.step-number{align-self:flex-start}.verification-input{font-size:20px;letter-spacing:4px}.verification-input.large{font-size:24px;letter-spacing:6px}.app-suggestions,.mfa-setup-footer{flex-direction:column}.btn-cancel,.btn-verify{width:100%}}.success-animation{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;padding:0;overflow:hidden}.login-split{display:flex;width:100%;max-width:100%;height:100vh;background:#fff}.login-form-side{flex:1;padding:30px 50px;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow-y:auto;max-height:100vh}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:600}.brand-name{font-size:20px;font-weight:600;color:#1a1a1a}.login-content{max-width:400px}.login-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.login-subtitle{font-size:14px;color:#6b7280;margin:0 0 20px}.login-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#1a1a1a}.form-input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-field{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;font-size:18px;opacity:.6;transition:opacity .2s}.password-toggle:hover{opacity:1}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.forgot-link{font-size:13px;color:#3b82f6;text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.login-btn{width:100%;padding:11px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.login-btn:hover:not(:disabled){background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-form{text-align:center;font-size:13px;color:#6b7280;margin-top:16px}.toggle-form span{color:#3b82f6;font-weight:600;cursor:pointer}.toggle-form span:hover{text-decoration:underline}.error-message{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:12px}.login-character-side{flex:1;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.character-blob{width:320px;height:320px;background:#3b82f6;border-radius:50% 50% 45% 55%/55% 45%;position:relative;animation:blobFloat 6s ease-in-out infinite;box-shadow:0 20px 60px #3b82f64d}@keyframes blobFloat{0%,to{transform:translateY(0) rotate(0);border-radius:50% 50% 45% 55%/55% 45%}25%{transform:translateY(-20px) rotate(2deg);border-radius:45% 55% 50% 50%/50% 50% 45% 55%}50%{transform:translateY(-10px) rotate(-2deg);border-radius:55% 45%/45% 55% 50% 50%}75%{transform:translateY(-15px) rotate(1deg);border-radius:50%/55% 45% 45% 55%}}.blob-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.blob-eyes{display:flex;gap:40px;margin-bottom:20px}.blob-eye{width:32px;height:32px;background:#fff;border-radius:50%;position:relative;animation:blink 4s infinite}.blob-eye:after{content:"";position:absolute;width:16px;height:16px;background:#1a1a1a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:eyeMove 3s ease-in-out infinite}@keyframes blink{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes eyeMove{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-40%,-50%)}75%{transform:translate(-60%,-50%)}}.blob-mouth{width:60px;height:30px;border:4px solid #fff;border-top:none;border-radius:0 0 60px 60px;animation:smile 3s ease-in-out infinite}@keyframes smile{0%,to{width:60px;height:30px}50%{width:70px;height:35px}}@media(max-width:968px){.login-split{flex-direction:column;height:auto;min-height:100vh}.login-form-side{padding:40px 24px}.login-character-side{min-height:300px;padding:40px 24px}.character-blob{width:200px;height:200px}.blob-eyes{gap:24px}.blob-eye{width:20px;height:20px}.blob-eye:after{width:10px;height:10px}.blob-mouth{width:40px;height:20px}}@media(max-width:640px){.login-form-side{padding:32px 20px}.login-title{font-size:24px}.form-input{font-size:16px}}.success-message{padding:10px 14px;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;color:#065f46;font-size:13px;margin-bottom:12px}.code-input-group{display:flex;gap:8px;justify-content:center;margin:12px 0}.code-input{width:50px;height:56px;text-align:center;font-size:28px;font-weight:600;border:2px solid #d1d5db;border-radius:12px;background:#fff;transition:all .2s;color:#1a1a1a}.code-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 4px #1a1a1a1a}.code-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.google-sheets-view{background:#fff;border:1px solid #dadce0;border-radius:8px;overflow:hidden;font-family:Roboto,Arial,sans-serif}.sheets-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #dadce0;min-height:40px}.sheets-toolbar-left{display:flex;align-items:center;gap:12px}.sheets-toolbar-right{display:flex;align-items:center;gap:8px}.sheets-selection-info{font-size:13px;color:#5f6368;font-weight:400}.sheets-btn{padding:6px 12px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font-size:13px;cursor:pointer;transition:all .1s ease}.sheets-btn:hover{background:#f1f3f4;border-color:#c1c7cd}.sheets-btn.bulk-action{background:#1a73e8;color:#fff;border-color:#1a73e8}.sheets-btn.bulk-action:hover{background:#1557b0}.sheets-table-container{overflow:auto;max-height:70vh;border:1px solid #dadce0}.sheets-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.sheets-header{position:sticky;top:0;z-index:10;background:#f8f9fa}.sheets-header th{background:#f8f9fa;border-right:1px solid #dadce0;border-bottom:1px solid #dadce0;font-weight:500;color:#3c4043;text-align:left}.sheets-cell{padding:4px 8px;border-right:1px solid #dadce0;border-bottom:1px solid #dadce0;vertical-align:middle;position:relative;min-height:12px;max-width:200px;line-height:1.2}.sheets-cell:first-child{border-left:1px solid #dadce0}.checkbox-cell{width:32px;text-align:center;padding:4px 2px}.sheets-checkbox{width:16px;height:16px;cursor:pointer}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.sortable:hover,.sorted-asc,.sorted-desc{background:#e8f0fe}.sort-indicator{margin-left:4px;font-size:12px;color:#1a73e8}.sheets-row{transition:background-color .1s ease}.sheets-row:hover{background:#f8f9fa}.sheets-row.selected{background:#e8f0fe}.editable-cell{cursor:text}.editable-cell:hover{background:#f1f3f4}.cell-content{display:flex;align-items:center;gap:4px;min-height:16px}.cell-content.clickable{cursor:pointer}.cell-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-value{color:#9aa0a6;font-style:italic}.sheets-input,.sheets-textarea,.sheets-select{width:100%;border:2px solid #1a73e8;border-radius:4px;padding:4px 8px;font-size:13px;font-family:inherit;background:#fff;outline:none}.sheets-textarea{resize:vertical;min-height:40px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500;color:#fff}.post-status-icon{font-size:14px}.assets-info{color:#5f6368;font-size:12px}.version-info{color:#9aa0a6;font-size:11px;margin-top:2px}.actions-cell{width:120px}.action-buttons{display:flex;gap:4px;align-items:center}.action-btn{padding:2px 4px;border:1px solid #dadce0;border-radius:3px;background:#fff;cursor:pointer;font-size:11px;transition:all .1s ease;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#f1f3f4}.action-btn.view{color:#1a73e8}.action-btn.view:hover{background:#e8f0fe;border-color:#1a73e8}.action-btn.schedule{color:#ea4335}.action-btn.schedule:hover{background:#fce8e6;border-color:#ea4335}.action-btn.unschedule{color:#fbbc04}.action-btn.unschedule:hover{background:#fef7e0;border-color:#fbbc04}.sheets-loading,.sheets-empty{text-align:center;padding:40px 20px;color:#5f6368}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.empty-icon{font-size:48px;margin-bottom:12px}.empty-title{font-size:16px;font-weight:500;margin-bottom:8px;color:#3c4043}.empty-description{font-size:14px;color:#5f6368}.sheets-table-container::-webkit-scrollbar{display:none}.sheets-table-container{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:768px){.sheets-table{font-size:12px}.sheets-cell{padding:6px 8px;max-width:150px}.sheets-toolbar{flex-direction:column;gap:8px;align-items:stretch}.sheets-toolbar-left,.sheets-toolbar-right{justify-content:center}.action-buttons{flex-direction:column;gap:2px}.action-btn{font-size:11px;min-width:24px;height:24px}}.sheets-cell:focus-within{outline:2px solid #1a73e8;outline-offset:-2px}.sheets-checkbox:focus{outline:2px solid #1a73e8;outline-offset:2px}.action-btn:focus{outline:2px solid #1a73e8;outline-offset:2px}:root{--bg-primary: #ffffff;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-hover: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-muted: #D1D5DB;--border-color: #E5E7EB;--border-light: #F3F4F6;--border-focus: #9CA3AF;--accent-primary: #8B5CF6;--accent-secondary: #7C3AED;--accent-light: #F3E8FF;--accent-hover: #7C3AED;--chart-purple: #8B5CF6;--chart-coral: #F97316;--chart-red: #EF4444;--chart-blue: #3B82F6;--chart-green: #10B981;--chart-yellow: #F59E0B;--chart-pink: #EC4899;--chart-cyan: #06B6D4;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--card-bg: #ffffff;--card-border: #E5E7EB;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .1);--sidebar-bg: #ffffff;--sidebar-border: #E5E7EB;--sidebar-item-hover: #F3F4F6;--sidebar-item-active: #F3F4F6;--sidebar-text: #6B7280;--sidebar-text-active: #111827;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--bg-hover: #374151;--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--text-tertiary: #6B7280;--text-muted: #4B5563;--border-color: #374151;--border-light: #4B5563;--border-focus: #6B7280;--card-bg: #1F2937;--card-border: #374151;--sidebar-bg: #111827;--sidebar-border: #374151;--sidebar-item-hover: #1F2937;--sidebar-item-active: #1F2937;--sidebar-text: #9CA3AF;--sidebar-text-active: #F9FAFB}html,body,#root{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body{overflow:hidden;margin:0}.App{display:flex;height:100vh;overflow:hidden;background:var(--bg-secondary)}.app-main{display:flex;flex:1;overflow:hidden;width:100%}.app-content{flex:1;overflow:auto;background:var(--bg-secondary);display:flex;flex-direction:column}.app-topbar{display:none}.sidebar{width:240px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;padding:0;transition:all var(--transition-normal)}.sidebar.hidden{width:0;transform:translate(-100%);padding:0}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-3xl);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.page-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.page-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--text-secondary)}.page-breadcrumb-separator{color:var(--text-tertiary)}.page-breadcrumb-current{color:var(--text-primary);font-weight:500}.page-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.page-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.tab-pills{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-lg)}.tab-pill{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.tab-pill:hover{color:var(--text-primary)}.tab-pill.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.tab-pill-icon{font-size:var(--font-size-md);opacity:.7}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--card-shadow-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.card-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.card-title-icon{font-size:var(--font-size-lg);opacity:.7}.card-action{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.card-action:hover{color:var(--text-primary)}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-card-trend{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.stat-card-trend.positive{color:var(--success)}.stat-card-trend.negative{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:36px;padding:0 var(--spacing-lg);font-size:var(--font-size-md);font-weight:500;font-family:var(--font-family);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--border-focus)}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--accent-light)}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:var(--accent-hover)}.btn-sm{height:28px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{height:44px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:28px}.btn-icon.btn-lg{width:44px}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{width:100%;height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-md);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-tertiary)}.form-textarea{height:auto;min-height:100px;padding:var(--spacing-md);resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.form-error{font-size:var(--font-size-xs);color:var(--danger);margin-top:var(--spacing-xs)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-checkbox input,.form-radio input{width:16px;height:16px;accent-color:var(--accent-primary)}.table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden}.table thead{background:var(--bg-tertiary)}.table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-accent{background:var(--accent-light);color:var(--accent-primary)}.trend-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:500}.trend-badge.up{color:var(--success)}.trend-badge.down{color:var(--danger)}.trend-badge-icon{font-size:10px}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026,0 0 1px #0000001a;max-width:540px;width:90%;max-height:90vh;overflow:hidden;animation:modalSlideIn .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.03em}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0;letter-spacing:-.03em}.modal-close,.close-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .15s;font-size:20px;line-height:1}.modal-close:hover,.close-btn:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.dropdown{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.dropdown-trigger:hover{border-color:var(--border-focus)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;z-index:100;padding:var(--spacing-xs);animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item-icon{font-size:var(--font-size-lg);color:var(--text-secondary)}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0}.chart-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.chart-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.chart-legend{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.chart-legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.chart-legend-dot{width:8px;height:8px;border-radius:50%}.bar-chart-horizontal{display:flex;flex-direction:column;gap:var(--spacing-md)}.bar-chart-row{display:flex;align-items:center;gap:var(--spacing-md)}.bar-chart-label{width:100px;font-size:var(--font-size-sm);color:var(--text-secondary);text-align:right}.bar-chart-track{flex:1;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.bar-chart-fill{height:100%;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;color:#fff;transition:width .5s ease}.bar-chart-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);min-width:50px;text-align:right}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:transparent}.data-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.data-table tbody tr:hover{background:var(--bg-hover)}.percentage-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.percentage-value{font-weight:500}.percentage-trend{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm)}.percentage-trend.up{background:var(--success-light);color:var(--success)}.percentage-trend.down{background:var(--danger-light);color:var(--danger)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-sm);transition:width .3s ease}.progress-bar-fill.success{background:var(--success)}.progress-bar-fill.warning{background:var(--warning)}.progress-bar-fill.danger{background:var(--danger)}.progress-label{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.progress-value{font-weight:600;color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-md);color:var(--text-secondary);max-width:400px;margin-bottom:var(--spacing-xl)}.spinner{width:24px;height:24px;border:2px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:var(--spacing-sm)}.skeleton-title{height:20px;width:60%;margin-bottom:var(--spacing-md)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background:var(--text-primary);color:var(--bg-primary);font-size:var(--font-size-xs);border-radius:var(--radius-md);white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:24px;height:24px;font-size:var(--font-size-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-lg)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--bg-primary)}.avatar-group .avatar:first-child{margin-left:0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.user-menu-container{position:relative}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.user-avatar:hover{background:var(--bg-hover)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;min-width:240px;z-index:1000;animation:dropdownFadeIn .15s ease}.user-dropdown-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.user-dropdown-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:2px}.user-dropdown-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.user-dropdown-divider{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0}.user-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-md);color:var(--text-primary);text-align:left;transition:background var(--transition-fast)}.user-dropdown-item:hover{background:var(--bg-hover)}.user-dropdown-item span:first-child{font-size:var(--font-size-lg);color:var(--text-secondary)}.dashboard-container{max-width:1600px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-xl)}.dashboard-grid .col-3{grid-column:span 3}.dashboard-grid .col-4{grid-column:span 4}.dashboard-grid .col-6{grid-column:span 6}.dashboard-grid .col-8{grid-column:span 8}.dashboard-grid .col-12{grid-column:span 12}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.metric-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.metric-card-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.metric-card-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.detail-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.detail-box h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;display:flex;justify-content:space-between;align-items:center}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;stroke-width:1.5}.icon-sm{font-size:14px}.icon-md{font-size:18px}.icon-lg{font-size:24px}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-lg);transition:all var(--transition-fast)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media(max-width:1200px){.metrics-row,.details-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid .col-3,.dashboard-grid .col-4{grid-column:span 6}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%)}.sidebar.visible{transform:translate(0)}.metrics-row,.details-grid{grid-template-columns:1fr}.dashboard-grid .col-3,.dashboard-grid .col-4,.dashboard-grid .col-6,.dashboard-grid .col-8{grid-column:span 12}.dashboard-container{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)}.page-header-actions{width:100%;flex-wrap:wrap}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease}.animate-slideUp{animation:slideUp .2s ease}.animate-slideDown{animation:slideDown .2s ease}.dashboard-hero{background:var(--accent-primary);color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.hero-content h1{font-size:var(--font-size-xl);margin:0;color:#fff}.hero-subtitle{opacity:.9;font-size:var(--font-size-md)}.hero-stats{display:flex;gap:var(--spacing-3xl)}.hero-stat{text-align:center}.hero-stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700}.hero-stat-label{display:block;font-size:var(--font-size-sm);opacity:.9}.quick-metric{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary)}.quick-metric:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.quick-metric.primary{background:var(--accent-primary);color:#fff;border:none}.qm-icon{font-size:var(--font-size-3xl)}.qm-data h3{font-size:var(--font-size-2xl);margin:0}.qm-data p{font-size:var(--font-size-md);margin:0;opacity:.8}.section-badge{background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.compact-status{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.cs-dot{width:8px;height:8px;border-radius:50%}.cs-name{flex:1;font-size:var(--font-size-base);text-transform:capitalize;color:var(--text-secondary)}.cs-bar{flex:2;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.cs-fill{height:100%;background:var(--accent-primary)}.cs-count{font-size:var(--font-size-base);font-weight:600;min-width:30px;text-align:right;color:var(--text-primary)}.scrollable-content{max-height:200px;overflow-y:auto}.compact-category{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.cc-name{font-size:var(--font-size-base);color:var(--text-secondary)}.cc-badge{background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-xl);font-size:var(--font-size-sm);color:var(--text-secondary)}.activity-mini{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.am-icon{font-size:var(--font-size-xl)}.am-info{flex:1}.am-title{font-size:var(--font-size-base);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.am-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.insights-grid{margin-bottom:var(--spacing-lg)}.insight-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);color:var(--text-primary)}.insight-card.wide{grid-column:span 2}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.insight-header h3{font-size:var(--font-size-md);margin:0;color:var(--text-primary)}.insight-badge{background:var(--accent-light);color:var(--accent-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:500}.overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm)}.overview-item{text-align:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.overview-label{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.overview-value{display:block;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.actions-bar{display:flex;gap:var(--spacing-md);justify-content:center}.action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--border-color);background:var(--card-bg);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-md);font-weight:500;transition:all var(--transition-normal);color:var(--text-primary)}.action-btn:hover{background:var(--bg-hover)}.action-btn.primary{background:var(--accent-primary);color:#fff;border:none}.action-btn.primary:hover{background:var(--accent-hover)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);padding:var(--spacing-xl);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);max-width:420px;width:100%;box-shadow:0 4px 12px #0000001a}.login-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.logo-icon{font-size:32px;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #8b5cf64d}.logo-text{font-size:var(--font-size-3xl);font-weight:600;margin:0;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xl) 0;text-align:center}.login-card .form-group{margin-bottom:var(--spacing-lg)}.login-card .form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.login-card .form-input{width:100%;height:44px;padding:0 var(--spacing-md);font-size:var(--font-size-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);box-sizing:border-box}.login-card .form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.login-card .password-field{position:relative;display:flex;align-items:center}.login-card .password-field .form-input{padding-right:44px}.login-card .password-toggle{position:absolute;right:8px;background:transparent;border:none;cursor:pointer;font-size:18px;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.login-card .password-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.login-card .error-message{background:var(--danger-light);color:var(--danger);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);border:1px solid var(--danger)}.login-card .action-btn.large{width:100%;height:44px;padding:0 var(--spacing-xl);font-size:var(--font-size-md);font-weight:500;margin-top:var(--spacing-sm);justify-content:center}.login-card .toggle-form{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xl);margin-bottom:0}.login-card .toggle-form span{color:var(--accent-primary);cursor:pointer;font-weight:500;transition:color var(--transition-fast)}.login-card .toggle-form span:hover{color:var(--accent-hover);text-decoration:underline}.login-card .security-badge{text-align:center;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;gap:6px}.mfa-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);padding:var(--spacing-xl);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mfa-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);max-width:420px;width:100%;box-shadow:0 4px 12px #0000001a;text-align:center}.mfa-card h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.mfa-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.mfa-card .form-input{width:100%;height:44px;padding:0 var(--spacing-md);font-size:var(--font-size-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);box-sizing:border-box;text-align:center;letter-spacing:.5em;font-weight:600}.mfa-card .form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.mfa-card .action-btn{width:100%;height:44px;margin-top:var(--spacing-lg);justify-content:center}.mfa-card .qr-code{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin:var(--spacing-xl) 0;display:inline-block}.mfa-card .security-badge{text-align:center;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;gap:6px}.optimized-main-content{padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%}@media(max-width:1024px){.optimized-main-content{padding:var(--spacing-2xl)}}@media(max-width:768px){.optimized-main-content{padding:var(--spacing-lg)}}.sidebar-icon,.kpi-icon-wrapper,.channel-icon,.engagement-icon{font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";filter:none;-webkit-filter:none}.detail-box h4,.pm-title h2,.pm-card-header h3,.section-title,.subsection-title,.insight-header h3,.project-edit-modal h2,.task-modal-header h3,.modal-header h2{color:var(--text-primary)!important}.pm-title p,.section-subtitle,.am-time,.cc-name,.cs-name,.overview-label,.stat-label,.member-role,.member-permissions,.control-label,.metadata-label,.form-label-modern,.progress-label{color:var(--text-secondary)!important}.pm-results-count,.section-badge,.cc-badge{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important}.overview-item,.stat-box,.hero-progress,.task-metadata-modern,.empty-state-modern{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.pm-table th,.table th{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}.pm-table tbody tr:hover,.table tbody tr:hover{background:var(--bg-hover)!important}.pm-action-btn,.expand-btn{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.pm-action-btn:hover{background:var(--bg-hover)!important}.form-input-modern,.form-select-modern,.form-textarea-modern,.control-select,.control-input,.metadata-input,.task-description-modern,.task-title-modern{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.project-icon,.campaign-icon{background:var(--accent-primary)!important;border-color:var(--border-color)!important}.stat-number,.stat-value,.metric-value-modern,.cs-count,.overview-value{color:var(--text-primary)!important}.progress-bar,.progress-track,.cs-bar{background:var(--bg-tertiary)!important}.progress-fill,.progress-bar-fill,.cs-fill{background:var(--accent-primary)!important}.spinner,.pm-spinner{border-color:var(--bg-tertiary)!important;border-top-color:var(--accent-primary)!important}.empty-state,.pm-empty{color:var(--text-secondary)!important}.form-section-modern,.metric-card-modern,.pm-search-input,.pm-select{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.pm-filters-panel{background:var(--bg-secondary)!important}.pm-clear-btn{background:var(--warning)!important;color:#fff!important;border-color:var(--warning)!important}.create-first-btn{background:var(--accent-primary)!important;color:#fff!important}.delete-task-btn{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.project-management-new,.project-management-new *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.project-management-new svg{stroke-width:1.5!important;flex-shrink:0}.project-management-new .btn,.project-management-new .pm-btn-primary,.project-management-new .pm-btn-secondary{height:36px;padding:0 16px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.project-management-new .pm-btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.project-management-new .pm-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.project-management-new .pm-btn-secondary{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.project-management-new .pm-btn-secondary:hover,.project-management-new .btn:hover{background:var(--bg-hover);border-color:var(--border-focus)}.project-management-new .pm-select{height:36px;padding:0 12px;font-size:14px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.project-management-new .pm-clear-btn{height:36px;padding:0 12px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid var(--warning);background:var(--warning);color:#fff;cursor:pointer}.project-management-new .pm-results-count{height:36px;padding:0 12px;font-size:14px;display:inline-flex;align-items:center;gap:6px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-weight:500}.search-input{width:100%;min-width:200px;height:32px;padding:0 32px;border:1px solid #e8eaed;border-radius:6px;font-size:13px;font-family:Inter,sans-serif;color:#202124;background:#f8f9fa;box-shadow:none;transition:all .2s ease;outline:none}.sidebar .search-input{background:#f8f9fa;border:1px solid #e8eaed;font-size:13px;padding-left:12px}.search-input:focus{background:#fff;border-color:#1a73e8;box-shadow:none}.sidebar .search-input:focus{background:#fff;border-color:#1a73e8}.search-input::placeholder{color:#80868b;font-weight:400;font-size:13px}.search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;animation:spin 1s linear infinite;color:#3b82f6;display:flex;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;max-height:500px;overflow-y:auto;z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.results-header{padding:16px 20px;font-size:14px;color:#6b7280;border-bottom:1px solid #f3f4f6;font-weight:600;background:#f9fafb;border-radius:16px 16px 0 0}.no-results{padding:48px 24px;text-align:center;color:#9ca3af;font-size:16px;font-weight:500}.search-category{padding:0;border-bottom:1px solid #f3f4f6}.search-category:last-child{border-bottom:none}.category-title{padding:12px 20px 8px;font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.8px;margin:0;background:#fafafa;position:sticky;top:0;z-index:1}.category-items{display:flex;flex-direction:column}.search-item{padding:16px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;position:relative;display:flex;align-items:center;justify-content:space-between}.search-item:hover{background:linear-gradient(90deg,#f0f9ff,#fff);border-left-color:#3b82f6;transform:translate(3px);box-shadow:0 2px 8px #3b82f61a}.search-item:active{transform:translate(1px);background:#e0f2fe}.item-content{flex:1;min-width:0}.item-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-description{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;margin-bottom:6px}.item-metadata{display:flex;gap:8px;align-items:center}.status-badge,.type-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.status-badge{background:#f3f4f6;color:#374151}.status-planning{background:#fef3c7;color:#92400e}.status-active{background:#d1fae5;color:#065f46}.status-completed{background:#dbeafe;color:#1e40af}.type-badge{background:#f0f9ff;color:#0369a1}.category-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;background:#fef3c7;color:#92400e}.item-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.tag-pill{font-size:10px;font-weight:500;padding:2px 6px;border-radius:8px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;text-transform:lowercase;letter-spacing:.2px;transition:all .2s ease}.tag-pill:hover{background:#e2e8f0;color:#334155;border-color:#cbd5e1}.tag-pill.more-tags{background:#e0f2fe;color:#0369a1;border-color:#bae6fd;font-style:italic}.quick-suggestions{padding:0}.suggestions-header{padding:16px 20px 8px;font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.8px;margin:0;background:#fafafa;border-bottom:1px solid #f3f4f6}.suggestion-items{display:flex;flex-direction:column}.suggestion-item{padding:14px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;display:flex;align-items:center;gap:12px}.suggestion-item:hover{background:linear-gradient(90deg,#f0f9ff,#fff);border-left-color:#3b82f6;transform:translate(3px);box-shadow:0 2px 8px #3b82f61a}.suggestion-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.suggestion-text{font-size:15px;font-weight:600;color:#111827;flex:1}.suggestion-tags{font-size:11px;color:#6b7280;background:#f8fafc;padding:2px 8px;border-radius:8px;border:1px solid #e2e8f0}.item-arrow{font-size:14px;color:#9ca3af;opacity:0;transition:all .2s ease;margin-left:12px}.search-item:hover .item-arrow{opacity:1;transform:translate(2px)}.search-item.selected{background:linear-gradient(90deg,#dbeafe,#f0f9ff);border-left-color:#2563eb;transform:translate(2px)}.search-results-dropdown::-webkit-scrollbar{width:6px}.search-results-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.search-results-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-item{position:relative;overflow:hidden}.search-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.search-item:hover:before{left:100%}@media(max-width:768px){.universal-search{width:100%;min-width:280px}.search-input-wrapper{padding:0;min-height:44px}.search-input{font-size:16px;padding:12px 16px}.search-clear,.search-loading{font-size:14px}.search-results-dropdown{max-height:400px;left:0;right:0}.search-item{padding:12px 16px}}@media(max-width:480px){.universal-search{min-width:250px}.search-input-wrapper{padding:10px 14px;min-height:40px}.search-input{font-size:14px}.search-clear,.search-loading{font-size:12px;margin-left:6px}}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-clear:hover{color:#6b7280}.search-clear:active{transform:translateY(-50%) scale(.95)}.color-badge{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1);font-size:8px;line-height:1;text-align:center;margin-left:4px}.sidebar-container{display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid #E5E7EB}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:16px 16px 12px}.sidebar-logo-icon{width:24px;height:24px;background:#111827;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px}.sidebar-logo-text{font-size:15px;font-weight:600;color:#111827;font-family:Space Grotesk,-apple-system,sans-serif}.sidebar-search{padding:0 12px 12px}.sidebar-search input,.sidebar-search .search-input,.sidebar-search .universal-search input{width:100%;height:36px;padding:0 12px;font-size:13px;color:#374151;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;outline:none;font-family:Space Grotesk,-apple-system,sans-serif}.sidebar-search input::placeholder{color:#6b7280}.sidebar-search input:focus{border-color:#d1d5db;background:#fff}.sidebar-scroll{flex:1;overflow-y:auto;padding:0 8px;scrollbar-width:none}.sidebar-scroll::-webkit-scrollbar{display:none}.sidebar-section-title{font-size:11px;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.5px;padding:20px 8px 8px;margin:0;font-family:Space Grotesk,-apple-system,sans-serif}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;margin:0 0 1px;color:#374151;font-size:14px;font-weight:400;font-family:Space Grotesk,-apple-system,sans-serif;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease}.sidebar-item:hover{background:#f3f4f6;color:#111827}.sidebar-item.active{background:#f3f4f6;color:#111827;font-weight:500}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:inherit;opacity:.7}.sidebar-item:hover .sidebar-icon,.sidebar-item.active .sidebar-icon{opacity:1}.sidebar-icon svg{width:16px;height:16px}.sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.03em}.sidebar-user-section{position:relative;padding:12px;border-top:1px solid #E5E7EB;margin-top:auto}.sidebar-user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;transition:background .15s ease}.sidebar-user-card:hover{background:#f3f4f6}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Space Grotesk,-apple-system,sans-serif}.sidebar-user-email{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Space Grotesk,-apple-system,sans-serif}.sidebar-user-menu-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;flex-shrink:0;padding:0}.sidebar-user-menu-btn:hover{background:#e5e7eb;color:#374151}.sidebar-user-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px;z-index:1000}.sidebar-user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;color:#374151;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Space Grotesk,-apple-system,sans-serif}.sidebar-user-menu-item:hover{background:#fef2f2;color:#dc2626}.sidebar-user-menu-item span{font-size:14px}.sidebar-view-switch{position:relative;display:flex;align-items:center;width:calc(100% - 24px);margin:0 12px 12px;padding:3px;background:#f3f4f6;border-radius:8px;cursor:pointer;font-family:Space Grotesk,-apple-system,sans-serif;letter-spacing:-.03em}.view-switch-option{flex:1;padding:6px 12px;font-size:12px;font-weight:500;color:#374151;text-align:center;z-index:1;transition:color .2s ease}.view-switch-option.active{color:#111827}.view-switch-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease}.view-switch-slider.right{transform:translate(calc(100% + 3px))}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;color:#202124;background:#fff}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;height:64px;padding:0 16px;background:#fff;border-bottom:1px solid #dadce0;gap:16px;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-center{flex:1;max-width:720px}.topbar-right{display:flex;align-items:center;gap:8px}.logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:400;color:#5f6368;text-decoration:none}.btn{height:40px;padding:0 16px;border:none;border-radius:4px;background:transparent;color:#5f6368;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:#f1f3f4}.btn-primary{background:#1a73e8;color:#fff}.btn-primary:hover{background:#1765cc}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#5f6368;font-size:20px;transition:background .2s}.icon-btn:hover{background:#f1f3f4}.search-container{position:relative;width:100%}.search-input{width:100%;height:38px;padding:0 16px 0 48px;font-size:14px;background:#f1f3f4;border:none;border-radius:8px;transition:all .2s}.search-input:focus{outline:none;background:#fff;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#5f6368;font-size:20px}.avatar{width:32px;height:32px;border-radius:50%;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;cursor:pointer}.main-layout{display:flex;flex:1;overflow:hidden}.sidebar{width:256px;background:#fff;border-right:1px solid #dadce0;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar.collapsed{width:0;transform:translate(-100%)}.sidebar-nav{padding:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#5f6368;text-decoration:none;font-size:14px;border-radius:4px;cursor:pointer;transition:background .2s;border:none;background:transparent;width:100%;text-align:left}.nav-item:hover{background:#f1f3f4}.nav-item.active{background:#e8f0fe;color:#1a73e8;font-weight:500}.nav-icon{font-size:20px;width:24px;text-align:center}.content{flex:1;overflow:auto;background:#fff}.content-inner{padding:24px;max-width:1600px;margin:0 auto}.table-container{overflow-x:auto;border:1px solid #dadce0;border-radius:8px;background:#fff}.table{width:100%;border-collapse:collapse}.table thead{background:#f8f9fa;border-bottom:1px solid #dadce0}.table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:#5f6368;text-transform:uppercase}.table td{padding:12px 16px;border-bottom:1px solid #f1f3f4;font-size:14px}.table tbody tr:hover{background:#f8f9fa}.card{background:#fff;border:1px solid #dadce0;border-radius:8px;padding:16px;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f3f4}.card-title{font-size:16px;font-weight:500;color:#202124}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#202124}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid #dadce0;border-radius:4px;background:#fff;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:500;border-radius:4px;background:#f1f3f4;color:#5f6368}.badge-success{background:#e6f4ea;color:#1e8e3e}.badge-warning{background:#fef7e0;color:#f9ab00}.badge-danger{background:#fce8e6;color:#d93025}.badge-info{background:#e8f0fe;color:#1a73e8}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #dadce0}.modal-title{font-size:20px;font-weight:400;color:#202124}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #dadce0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-8{gap:8px}.gap-16{gap:16px}.mb-16{margin-bottom:16px}.mt-16{margin-top:16px}.text-center{text-align:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}@media(max-width:768px){.topbar{height:56px;padding:0 8px}.sidebar{position:fixed;top:56px;left:0;bottom:0;z-index:999;box-shadow:2px 0 8px #0000001a}.content-inner{padding:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.modal{max-width:95%}}