.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.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 .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.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-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.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.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--primary-blue:#3498db;--dark-blue:#2980b9;--purple-accent-from:#667eea;--purple-accent-to:#764ba2;--background:#f8fafc;--text:#2c3e50;--text-secondary:#5d6d7e;--warning:#ffe066;--tip:#e3f0fc;--success:#d4efdf;--emergency:#f8d7da;--score-low:#f8d7da;--score-mid:#fff3cd;--score-high:#d4efdf}body,html{background:#f8fafc!important;color:#2c3e50;font-size:16px;margin:0;min-height:100vh;padding:0}body,h1,h2,h3,h4,h5,h6,html{font-family:Inter,Segoe UI,Arial,sans-serif}h1,h2,h3,h4,h5,h6{color:#2980b9;color:var(--dark-blue);font-weight:700;margin-top:0}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5,h6{font-size:14px}button,div,input,li,p,span{color:#2c3e50;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px}.top-nav{background:#222;color:#fff;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding:10px 20px;position:relative;z-index:100}.nav-left,.top-nav{align-items:center;display:flex}.nav-left{flex:1 1;gap:20px}.nav-logo span{color:#7453ad;font-size:30px;font-weight:700}.nav-logo{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;margin:0;transition:opacity .2s ease;white-space:nowrap}.nav-logo:hover{opacity:.8}.nav-buttons-desktop{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.nav-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:8px 16px;transition:background .2s,color .2s;white-space:nowrap}.nav-button:hover{background:#ffffff1a}.nav-button.active{background:#444;font-weight:700}.nav-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.user-name{color:#ccc;cursor:pointer;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name:hover{color:#fff}.logout-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .2s;white-space:nowrap}.logout-button:hover{background:#c82333}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;flex-shrink:0;margin-left:auto;padding:8px}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-around;position:relative;width:24px}.hamburger span{background:#fff;border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.mobile-menu-drawer{background:#222;box-shadow:-2px 0 10px #0000004d;color:#fff;display:flex;flex-direction:column;height:100vh;max-width:85vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.mobile-menu-drawer.open{transform:translateX(0);z-index:99999}.mobile-menu-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:20px}.mobile-menu-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.mobile-menu-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:36px}.mobile-menu-close:hover{background:#ffffff1a}.mobile-menu-content{flex:1 1;overflow-y:auto;padding:10px 0}.mobile-nav-button{background:none;border:none;border-bottom:1px solid #333;color:#fff;cursor:pointer;display:block;font-size:16px;padding:16px 20px;text-align:left;transition:background .2s;width:100%}.mobile-nav-button:hover{background:#ffffff1a}.mobile-nav-button.active{background:#444;border-left:4px solid #3498db;border-left:4px solid var(--primary-blue);font-weight:700}@media (max-width:768px){.top-nav{padding:10px 15px}.nav-logo{font-size:16px;margin-right:15px}.nav-logo img{height:58px!important;width:58px!important}.nav-buttons-desktop{display:none}.mobile-menu-toggle{display:block}.nav-right{gap:8px}.user-name{font-size:12px;max-width:120px}.logout-button{font-size:11px;padding:6px 10px}}@media (max-width:480px){.nav-logo{font-size:14px;margin-right:10px}.nav-logo img{height:58px!important;margin-right:8px!important;width:58px!important}.nav-logo span,.user-name{display:none}.mobile-menu-drawer{max-width:100vw;width:100vw}}.info-box{border-radius:8px;box-shadow:0 2px 8px #2c3e500a;font-size:15px;font-weight:500;margin:16px 0;padding:16px 20px}.info-box.warning{background:#ffe066;background:var(--warning);border-left:5px solid #ffe066;color:#856404}.info-box.tip{background:#e3f0fc;background:var(--tip);border-left:5px solid #3498db;border-left:5px solid var(--primary-blue);color:#3498db;color:var(--primary-blue)}.info-box.success{background:#d4efdf;background:var(--success);border-left:5px solid #27ae60;color:#186a3b}.info-box.emergency{background:#f8d7da;background:var(--emergency);border-left:5px solid #e74c3c;color:#a94442}.score-card{border-radius:10px;box-shadow:0 2px 8px #2c3e500f;display:inline-block;font-size:18px;font-weight:600;margin:18px 0;padding:18px 24px}.score-card.low{background:#f8d7da;background:var(--score-low);color:#a94442}.score-card.mid{background:#fff3cd;background:var(--score-mid);color:#856404}.score-card.high{background:#d4efdf;background:var(--score-high);color:#186a3b}.sidebar{background:#fff;border-left:1px solid #eee;box-shadow:-2px 0 8px #2c3e500a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,2,.6,1);width:60%;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(100%)}.sidebar-header{background:#f8fafc;background:var(--background);border-bottom:1px solid #eee;padding:18px 28px}.sidebar-header h3{color:#3498db;color:var(--primary-blue);font-weight:700}.close-button{background:#f8d7da;background:var(--emergency);color:#a94442}.close-button:hover{background:#e74c3c;color:#fff}.sidebar-content{background:#fff;flex:1 1;height:calc(100vh - 60px);overflow-y:auto;padding:28px 32px}.sidebar-content.has-iframe{height:100%;overflow:hidden;padding:0}.sidebar-content.has-iframe .content-iframe{border:none;border-radius:0;display:block;height:100%;min-height:0;width:100%}.list-map-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #2c3e500f;margin:32px auto;max-width:900px;padding:32px 40px;width:100%}.list-map-container ul{list-style-type:none;margin-bottom:0;padding-left:0}.list-map-container li{color:#2c3e50;color:var(--text);font-size:16px;margin-bottom:12px;margin-top:12px;position:relative}.list-map-container .premium{color:gold;font-size:1.1em;font-weight:600;margin-left:8px;vertical-align:middle}.list-map-container .link{color:#3498db;color:var(--primary-blue);cursor:pointer;font-weight:500;text-decoration:underline}.list-map-container .toggleBtn{background:none;border:1px solid #3498db;border:1px solid var(--primary-blue);border-radius:5px;color:#3498db;color:var(--primary-blue);cursor:pointer;font-size:.9em;margin-left:12px;padding:3px 10px;transition:background .2s,color .2s}.list-map-container .toggleBtn:hover{background:#3498db;background:var(--primary-blue);color:#fff}.list-map-container .detailsBox{background:#e3f0fc;background:var(--tip);border-left:3px solid #3498db;border-left:3px solid var(--primary-blue);border-radius:6px;color:#5d6d7e;color:var(--text-secondary);font-size:15px;margin-top:8px;padding:14px 18px}@media print{.close-button,.sidebar,.toggleBtn,nav{display:none!important}body,html{background:#fff!important;color:#000!important}.detailsBox,.info-box,.list-map-container,.score-card,.sidebar-content{background:#fff!important;border:none!important;box-shadow:none!important;color:#000!important}}@media (max-width:900px){.list-map-container{max-width:100%;padding:18px 8px}.sidebar{width:100vw}}.dndflow{display:flex;flex-direction:row;height:100%}.dndflow-plan-flow{display:flex;flex-direction:column;height:100%}.dndflow aside{background:#fcfcfc;border-right:1px solid #eee;font-size:12px;padding:15px 10px}.dndflow .dndnode,.dndflow aside .description{margin-bottom:10px}.dndflow .dndnode{align-items:center;border:1px solid #1a192b;border-radius:2px;cursor:grab;display:flex;height:20px;justify-content:center;padding:4px}.dndflow .dndnode.input{border-color:#0041d0}.dndflow .dndnode.expandable{background:#e3f2fd;border-color:#007bff}.dndflow .dndnode.output{border-color:#ff0072}.dndflow .reactflow-wrapper{flex-grow:1;height:100%}.loading{align-items:center;color:#666;display:flex;flex-direction:column;height:200px;justify-content:center}.spinner{margin-bottom:16px}@media screen and (min-width:768px){.dndflow aside{min-width:250px;width:50%}}.sidebar-overlay{background:#2c3e50cc;height:100vh;left:0;position:fixed;top:0;transition:opacity .2s;width:100vw;z-index:999}.selected-node-label{background:#3498db14;border:1px solid #764ba2;border:1px solid var(--purple-accent-to);border-radius:6px;box-shadow:0 0 0 2px #3498db26;padding:2px 8px;transition:box-shadow .2s,background .2s,border .2s}.tree-toggle{color:#3498db;color:var(--primary-blue);font-weight:700;transition:color .2s}.tree-toggle:hover{color:#2980b9;color:var(--dark-blue)}.listmap-root-children-sheet{background:#fff;border-radius:12px;box-shadow:0 2px 8px #2c3e501a;color:#2c3e50;color:var(--text);margin-top:28px;padding:24px 24px 8px}.listmap-root-children-sheet ul{margin:0;padding:0}.listmap-root-title{align-items:center;color:#3498db;color:var(--primary-blue);display:flex;font-size:2.4rem;font-weight:800;gap:12px;letter-spacing:.5px;margin-bottom:18px;text-shadow:0 2px 8px #2c3e501a}.listmap-root-title-icon{filter:drop-shadow(0 2px 4px rgba(44,62,80,.1));font-size:2.2rem;vertical-align:middle}.listmap-root-subtitle{color:#5d6d7e;color:var(--text-secondary);font-size:1.18rem;font-weight:400;line-height:1.7;margin-bottom:28px;padding-left:2px;white-space:pre-line}.listmap-root-subtitle li{margin:5px}.sidebar.fullscreen{border-radius:0;box-shadow:none;left:0;max-width:100vw;right:0;width:100vw!important;z-index:1100}.fullscreen-toggle-button{align-items:center;background:#e3f0fc;border:none;border-radius:50%;color:#2980b9;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;margin-right:8px;transition:background .2s;width:32px}.fullscreen-toggle-button:focus,.fullscreen-toggle-button:hover{background:#b3dafe;color:#174a6c}.credit-plan-flow.empty,.credit-plan-flow.loading{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;height:100vh;justify-content:center}.empty-content,.loading-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000001a;max-width:400px;padding:40px;text-align:center;width:90%}.empty-content h2,.loading-content h2{color:#1f2937;font-size:1.5rem;margin:20px 0 10px}.empty-content p,.loading-content p{color:#6b7280;margin:0}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;margin:0 auto}.flow-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #bae6fd;margin-bottom:0;padding:20px 30px}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;width:100%}.header-content h1{color:#0c4a6e;font-size:1.8rem;font-weight:600;margin:0}.assessment-info{display:flex;flex-wrap:wrap;gap:20px}.goal-info,.timeline-info{background:#fff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-size:.9rem;font-weight:500;padding:8px 12px}.empty-content .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.empty-content .btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column}.assessment-info{gap:10px}.goal-info,.timeline-info{font-size:.8rem;padding:6px 10px}.header-actions{justify-content:center;margin-top:12px;width:100%}.ai-preview-btn{font-size:13px;max-width:200px;padding:8px 16px;width:100%}}.audio-player-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #2c3e500f;margin-bottom:20px;padding:16px}.audio-player{display:flex;flex-direction:column;gap:12px}.audio-player-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.audio-icon{color:#3498db;color:var(--primary-blue);font-size:20px}.audio-title{color:#2980b9;color:var(--dark-blue);font-size:16px;font-weight:600;margin:0}.audio-loading{color:#5d6d7e;color:var(--text-secondary);font-size:12px;font-weight:400;margin-left:auto}.audio-element{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:40px;width:100%}.audio-element::-webkit-media-controls-panel{background-color:#fff}.audio-element::-webkit-media-controls-play-button{background-color:#3498db;background-color:var(--primary-blue);border-radius:50%}.audio-element::-webkit-media-controls-play-button:hover{background-color:#2980b9;background-color:var(--dark-blue)}@media (max-width:768px){.audio-player-container{margin-bottom:16px;padding:12px}.audio-player-header{gap:6px}.audio-icon{font-size:18px}.audio-title{font-size:14px}}.ai-preview-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.ai-preview-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-preview-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.ai-preview-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.ai-preview-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.ai-preview-header .close-btn:hover{background-color:#fff3}.ai-preview-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:32px}.ai-analysis-content{line-height:1.7}.analysis-text{color:#2c3e50;color:var(--text);font-size:16px;white-space:pre-wrap}.no-ai-analysis{color:#5d6d7e;color:var(--text-secondary);padding:40px 20px;text-align:center}.no-ai-analysis p{font-size:16px;margin:8px 0}.header-actions{align-items:center;display:flex;gap:12px}.ai-preview-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.ai-preview-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.ai-preview-btn:active{transform:translateY(0)}.ai-preview-btn:disabled{background:#ccc;color:#666;cursor:not-allowed}.ai-preview-btn:disabled,.ai-preview-btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.ai-preview-modal{margin:20px;max-width:95%;width:95%}.ai-preview-header{padding:20px 24px}.ai-preview-header h2{font-size:20px}.ai-preview-content{padding:24px}.header-actions{justify-content:center;margin-top:12px}.ai-preview-btn{font-size:13px;padding:8px 16px}}.app-footer{background:#222;box-sizing:border-box;color:#fff;flex-shrink:0;font-size:14px;margin-top:auto;padding:20px;text-align:center;width:100%}.app-footer-content{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.app-footer-content span{color:#fff}.app-footer-content a{color:#fff;cursor:pointer;text-decoration:underline;white-space:nowrap}.app-footer-content a:hover{color:#ccc}.footer-separator{color:#666}@media (max-width:768px){.footer-separator{display:none}.app-footer{font-size:13px;padding:15px}.app-footer-content{flex-direction:column;gap:10px}}.expandable-node{background:#fff;border:2px solid #e3eaf3;border-radius:12px;box-shadow:0 2px 8px #2c3e500f;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-width:220px;padding:0;transition:box-shadow .2s,border .2s}.expandable-node.premium{background:var(--warning);border:2px solid gold;color:#2c3e50}.node-header{align-items:center;background:var(--background);border-bottom:1px solid #e3eaf3;border-radius:12px 12px 0 0;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:12px 18px}.node-content:hover{color:var(--dark-blue)}.node-content{color:var(--text);cursor:pointer;flex:1 1;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:22px;transition:color .2s}.expand-button,.expand-tree-button{align-items:center;background:var(--primary-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;margin-left:8px;transition:background .2s;width:24px}.expand-button:hover,.expand-tree-button:hover{background:var(--dark-blue)}.expandable-node:hover{box-shadow:0 4px 8px #00000026}.expandable-node.collapsed{min-height:40px}.expandable-node.expanded{min-height:80px}.react-flow__handle{opacity:0;pointer-events:none}.node-details{animation:slideDown .3s ease-out;background:#fff;border-radius:0 0 6px 6px;padding:12px}.details-content{color:#666;font-size:14px;line-height:1.4}.details-content ul{margin:8px 0;padding-left:20px}.details-content li{margin:4px 0}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.expandable-node .react-flow__handle{background:#1a192b;border:2px solid #fff;height:8px;width:8px}.expandable-node .react-flow__handle:hover{background:#007bff}.premium .node-header{background-color:gold;border:1px solid #ccc}.ai-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.ai-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.ai-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.ai-modal-header h3{color:#000;font-size:20px;font-weight:600;margin:0}.ai-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.ai-modal-close:hover{background:#fff3}.ai-modal-content{flex:1 1;overflow-y:auto;padding:24px}.ai-error-message{background:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:12px 16px}.ai-expand-prompt{padding:40px 20px;text-align:center}.ai-expand-prompt p{color:#666;font-size:16px;line-height:1.5;margin:0 0 20px}.ai-expand-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.ai-expand-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.ai-expand-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ai-loading{padding:40px 20px;text-align:center}.ai-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.ai-loading p{color:#666;font-size:16px;margin:0}.ai-expanded-content{text-align:left}.ai-expanded-content h4{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.ai-content-text{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;color:#333;font-size:14px;line-height:1.6;max-height:400px;overflow-y:auto;padding:20px}.ai-content-text h1,.ai-content-text h2,.ai-content-text h3,.ai-content-text h4,.ai-content-text h5,.ai-content-text h6{color:#333;font-weight:600;margin:16px 0 8px}.ai-content-text h1{font-size:20px}.ai-content-text h2{font-size:18px}.ai-content-text h3{font-size:16px}.ai-content-text h4{font-size:15px}.ai-content-text h5{font-size:14px}.ai-content-text h6{font-size:13px}.ai-content-text p{margin:0 0 12px}.ai-content-text ol,.ai-content-text ul{margin:12px 0;padding-left:20px}.ai-content-text li{margin-bottom:4px}.ai-content-text strong{color:#333;font-weight:600}.ai-content-text em{color:#666;font-style:italic}.ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:20px}.ai-message{display:flex;margin-bottom:8px}.ai-user-message{justify-content:flex-end}.ai-ai-message{justify-content:flex-start}.ai-message-content{border-radius:18px;max-width:80%;padding:12px 16px;position:relative}.ai-user-message .ai-message-content{background:linear-gradient(135deg,#c4dbf3,#4f8bcb);border-bottom-right-radius:4px;color:#fff}.ai-ai-message .ai-message-content{background:#f8f9fa;border:1px solid #e9ecef;border-bottom-left-radius:4px;color:#333}.ai-message-text{word-wrap:break-word;font-size:14px;line-height:1.4;white-space:pre-wrap}.ai-message-timestamp{font-size:11px;margin-top:4px;opacity:.7;text-align:right}.ai-user-message .ai-message-timestamp{text-align:right}.ai-ai-message .ai-message-timestamp{text-align:left}.ai-typing-indicator{display:flex;gap:4px;padding:8px 0}.ai-typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:#ccc;border-radius:50%;height:8px;width:8px}.ai-typing-indicator span:first-child{animation-delay:-.32s}.ai-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ai-chat-input-form{background:#fff;border-top:1px solid #e9ecef;padding:16px 20px}.ai-chat-input-container{align-items:flex-end;display:flex;gap:8px;width:100%}.ai-chat-input-wrapper{display:flex;flex:1 1;flex-direction:column;position:relative}.ai-chat-input{border:1px solid #ddd;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.ai-word-count{background:#fff;border-radius:4px;bottom:-20px;color:#6c757d;font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:12px;transition:color .2s}.ai-word-count-warning{color:#ff9800}.ai-word-count-error{color:#dc3545;font-weight:600}.ai-chat-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.ai-chat-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.ai-send-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s;white-space:nowrap}.ai-send-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.ai-send-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.ai-user-message-text{color:#fff}@media (max-width:768px){.ai-modal{height:90%;margin:5% auto;width:95%}.ai-chat-messages{max-height:300px;padding:16px}.ai-user-message-text{color:#fff}.ai-message-content{max-width:90%}.ai-chat-input-form{padding:12px 16px}.ai-chat-input-container{align-items:flex-end;gap:6px}.ai-chat-input-wrapper{flex:1 1}.ai-chat-input{font-size:13px;padding:10px 14px}.ai-word-count{bottom:-18px;font-size:10px;right:10px}.ai-send-button{font-size:13px;padding:10px 16px}}.paywall-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.sidebar-paywall-container{height:100%;overflow-y:auto;padding:0!important}.sidebar-paywall-container .paywall-container{background:#0000;background-attachment:scroll;min-height:auto;padding:20px}.sidebar-paywall-container .paywall-card{border-radius:12px;box-shadow:0 4px 16px #0000001a}.sidebar-paywall-container .paywall-header{padding:40px 30px 30px}.sidebar-paywall-container .paywall-icon{font-size:48px}.sidebar-paywall-container .paywall-title{font-size:28px}.sidebar-paywall-container .paywall-message{color:#fff;font-size:16px}.sidebar-paywall-container .paywall-premium-info{padding:30px 20px}.sidebar-paywall-container .benefits-title{font-size:22px}.sidebar-paywall-container .benefit-item{font-size:15px;padding:12px 0}.sidebar-paywall-container .paywall-subscribe-button{font-size:16px;min-width:200px;padding:14px 32px}.sidebar-paywall-container .paywall-plans{padding:30px 20px}.sidebar-paywall-container .paywall-plans-title{font-size:24px}.sidebar-paywall-container .paywall-plans-grid{gap:20px;grid-template-columns:1fr}.sidebar-paywall-container .paywall-plan-card{padding:28px 24px}.sidebar-paywall-container .paywall-trust{flex-direction:column;gap:12px;padding:20px}.paywall-card{animation:fadeInUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:1200px;overflow:hidden;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paywall-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 40px 40px;text-align:center}.paywall-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;margin-bottom:20px}.paywall-title{color:#fff;font-size:36px;font-weight:700;margin:0 0 16px}.paywall-message{font-size:18px;line-height:1.6;margin:0 auto;max-width:600px;opacity:.95}.paywall-error{align-items:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;display:flex;font-size:14px;gap:10px;margin:20px 40px;padding:14px 18px;position:relative}.paywall-error .error-icon{flex-shrink:0;font-size:18px}.paywall-error .error-text{flex:1 1}.paywall-error .error-dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#721c24;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease;width:24px}.paywall-error .error-dismiss:hover{background-color:#721c241a}.paywall-auth-prompt{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;padding:30px 40px;text-align:center}.paywall-auth-prompt p{color:#666;font-size:16px;margin:0}.paywall-premium-info{padding:50px 40px}.premium-benefits{margin-bottom:40px}.benefits-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 30px;text-align:center}.benefits-list{list-style:none;margin:0 auto;max-width:600px;padding:0}.benefit-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-size:17px;gap:14px;padding:16px 0}.benefit-item:last-child{border-bottom:none}.benefit-icon{color:#28a745;flex-shrink:0;font-size:20px;font-weight:700;margin-top:2px}.paywall-actions{margin-bottom:40px;text-align:center}.paywall-subscribe-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:12px;box-shadow:0 4px 16px #007bff4d;color:#fff;cursor:pointer;font-size:20px;font-weight:600;min-width:280px;padding:18px 48px;transition:all .2s ease}.paywall-subscribe-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 8px 24px #007bff66;transform:translateY(-2px)}.paywall-subscribe-button:active{box-shadow:0 4px 16px #007bff4d;transform:translateY(0)}.paywall-plans{padding:50px 40px}.paywall-plans-title{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 12px;text-align:center}.paywall-plans-subtitle{color:#666;font-size:16px;margin:0 0 40px;text-align:center}.paywall-plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.paywall-plan-card{background:#fff;border:2px solid #e9ecef;border-radius:16px;display:flex;flex-direction:column;padding:40px 32px;position:relative;transition:all .3s ease}.paywall-plan-card:hover{border-color:#007bff;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.paywall-plan-featured{background:linear-gradient(180deg,#fff 0,#f8f9ff);border-color:#007bff;box-shadow:0 8px 24px #007bff33}.paywall-plan-featured:hover{box-shadow:0 12px 32px #007bff4d;transform:translateY(-6px)}.paywall-plan-badge{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:24px;box-shadow:0 4px 12px #007bff66;color:#fff;font-size:12px;font-weight:700;left:50%;letter-spacing:.5px;padding:6px 20px;position:absolute;text-transform:uppercase;top:-14px;transform:translateX(-50%)}.plan-header{margin-bottom:32px}.plan-name{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 16px}.plan-price{margin:20px 0}.price-amount{font-size:56px;line-height:1}.price-period{font-size:20px;font-weight:500;margin-left:6px}.plan-savings{display:flex;flex-direction:column;gap:4px;margin-top:12px}.savings-amount{color:#28a745;font-size:18px;font-weight:700}.savings-text{color:#28a745;font-size:14px;font-weight:600}.plan-features{flex:1 1}.feature-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-size:16px;gap:12px;padding:14px 0}.feature-item:last-child{border-bottom:none}.feature-icon{color:#28a745;flex-shrink:0;font-size:18px;font-weight:700;margin-top:2px}.plan-button{align-items:center;border-radius:10px;display:flex;font-size:18px;gap:8px;justify-content:center;margin-top:auto;padding:16px 24px}.plan-button:hover:not(:disabled){box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.plan-button:disabled{opacity:.7}.plan-button-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;box-shadow:0 4px 16px #007bff4d}.plan-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 8px 24px #007bff66}.plan-button-loading{cursor:wait;opacity:.8}.button-spinner{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:18px;width:18px}.paywall-trust{background-color:#f8f9fa;border-radius:12px;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:40px;justify-content:center;padding:30px}.paywall-trust,.trust-item{align-items:center;display:flex}.trust-item{color:#666;font-size:14px;font-weight:500;gap:8px}.trust-icon{font-size:18px}@media (max-width:768px){.paywall-container{align-items:flex-start;min-height:auto;padding:20px 10px 10px}.paywall-card{border-radius:12px}.paywall-header{padding:40px 20px 30px}.paywall-icon{font-size:48px}.paywall-title{font-size:28px}.paywall-message{font-size:16px}.paywall-premium-info{padding:30px 20px}.benefits-title{font-size:24px}.benefit-item{font-size:16px;padding:14px 0}.paywall-subscribe-button{font-size:18px;min-width:240px;padding:16px 40px}.paywall-plans{padding:30px 20px}.paywall-plans-title{font-size:24px}.paywall-plans-grid{gap:24px;grid-template-columns:1fr}.paywall-plan-card{padding:32px 24px}.plan-name{font-size:24px}.price-amount{font-size:48px}.plan-features{margin-bottom:24px}.feature-item{font-size:15px;padding:12px 0}.plan-button{font-size:16px;padding:14px 20px}.paywall-trust{flex-direction:column;gap:16px;padding:24px}.paywall-error{margin:15px 20px;padding:12px 16px}}@media (max-width:480px){.paywall-header{padding:30px 15px 25px}.paywall-title{font-size:24px}.paywall-message{font-size:15px}.paywall-premium-info{padding:25px 15px}.benefits-title{font-size:22px}.benefit-item{font-size:15px;padding:12px 0}.paywall-subscribe-button{font-size:16px;min-width:200px;padding:14px 32px}.paywall-plans{padding:25px 15px}.paywall-plan-card{padding:28px 20px}.price-amount{font-size:42px}}:root{--menu-active-bg:linear-gradient(135deg,#667eea,#764ba2);--menu-active-border:#667eea;--menu-premium-color:gold;--menu-category-bg:#f8f9fa;--menu-hover-bg:#f0f0f0;--menu-text:#2c3e50;--menu-text-secondary:#5d6d7e;--menu-border:#e0e0e0;--menu-shadow:0 2px 8px #0000001a}.kb-menu-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #2c3e500f;display:flex;flex-direction:column;margin:auto;max-width:900px;min-height:calc(100vh - 200px);padding:32px 40px;position:relative;width:100%}.kb-menu-mobile-header{align-items:center;background:#222;border-bottom:1px solid #444;color:#fff;display:none;justify-content:space-between;padding:16px}.kb-menu-title{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.kb-menu-title-icon{font-size:20px}.kb-menu-mobile-toggle{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:4px 8px;transition:background .2s}.kb-menu-mobile-toggle:hover{background:#ffffff1a}.kb-menu-content{flex:1 1;overflow-x:hidden;overflow-y:visible;padding:0;transition:all .3s ease}.kb-menu-content.kb-menu-collapsed{display:none}.kb-menu-search-container{background:#fff;padding-top:4px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.kb-menu-search-wrapper{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;margin:0 10px 30px;padding:12px 16px;transition:all .2s ease}.kb-menu-search-wrapper:focus-within{border-color:#667eea;box-shadow:0 4px 8px #667eea26}.kb-menu-search-icon{color:#6c757d;flex-shrink:0;font-size:18px}.kb-menu-search-input{background:#0000;border:none;color:#212529;flex:1 1;font-size:15px;font-weight:500;outline:none}.kb-menu-search-input::placeholder{color:#adb5bd;font-weight:400}.kb-menu-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#5d6d7e;color:var(--menu-text-secondary);cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.kb-menu-search-clear:hover{background:#e0e0e0;color:#2c3e50;color:var(--menu-text)}.kb-menu-search-highlight{background:#fff3cd;border-radius:2px;font-weight:600;padding:0 2px}.kb-menu-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin-bottom:32px;padding:16px}.kb-menu-section-header{align-items:center;border-bottom:2px solid #ced4da;color:#495057;display:flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:1px;margin-bottom:16px;padding-bottom:12px;text-transform:uppercase}.kb-menu-section-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:18px}.kb-menu-section-title{color:#212529;flex:1 1}.kb-menu-recently-viewed{display:flex;flex-direction:column;gap:10px}.kb-menu-recent-item{align-items:center;background:#fff;border:2px solid #e9ecef;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 1px 3px #00000014;color:#212529;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease}.kb-menu-recent-item:hover{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;border-left-width:6px;box-shadow:0 4px 8px #667eea26;transform:translateX(6px)}.kb-menu-recent-item:active{box-shadow:0 2px 4px #667eea33;transform:translateX(3px)}.kb-menu-recent-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;font-size:20px}.kb-menu-recent-label{color:#212529;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-menu-category{margin-bottom:28px}.kb-menu-category-header{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:14px 18px;-webkit-user-select:none;user-select:none}.kb-menu-category-header-content{align-items:center;display:flex;flex:1 1;gap:8px}.kb-menu-category-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:20px}.kb-menu-category-label{color:#212529;font-size:25px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.kb-menu-category-count{background:#fff;border-radius:12px;color:#6c757d;font-size:13px;font-weight:600;margin-left:8px;padding:2px 8px}.kb-menu-category-toggle{background:none;border:none;border-radius:4px;color:#5d6d7e;color:var(--menu-text-secondary);cursor:pointer;font-size:22px;padding:4px 8px;transition:all .2s}.kb-menu-category-toggle:hover{background:#0000000d;color:#2c3e50;color:var(--menu-text)}.kb-menu-category-content{padding-left:12px;padding-top:4px}.kb-menu-item{margin-bottom:6px;position:relative}.kb-menu-item-content{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;gap:10px;min-height:44px;padding:12px 14px;transition:all .2s ease}.kb-menu-item-clickable .kb-menu-item-content{border:1px solid #e9ecef;cursor:pointer}.kb-menu-item-clickable .kb-menu-item-content:hover{background:#54acff;border-color:#ced4da;box-shadow:0 2px 4px #0000000d;transform:translateX(2px)}.kb-menu-item-active .kb-menu-item-content{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--menu-active-bg);border-left:5px solid #fff;border-right:1px solid #fff3;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:600;transform:translateX(4px)}.kb-menu-item-active .kb-menu-item-label{color:#fff}.kb-menu-item-premium .kb-menu-item-label{color:#835f00;font-weight:600}.kb-menu-item-active.kb-menu-item-premium .kb-menu-item-label{color:#fff;font-weight:600}.kb-menu-item-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#5d6d7e;color:var(--menu-text-secondary);cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:2px 6px;transition:all .2s;width:20px}.kb-menu-item-active .kb-menu-item-toggle{color:#fffc}.kb-menu-item-toggle:hover{background:#0000000d}.kb-menu-item-active .kb-menu-item-toggle:hover{background:#ffffff1a}.kb-menu-item-indent{color:#5d6d7e;color:var(--menu-text-secondary);font-size:14px;text-align:center;width:20px}.kb-menu-item-active .kb-menu-item-indent{color:#ffffffb3}.kb-menu-item-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;font-size:20px}.kb-menu-item-active .kb-menu-item-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.kb-menu-item-label{background:none;border:none;color:#212529;cursor:inherit;flex:1 1;font-size:14px;font-weight:500;height:40px;line-height:1.4;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.kb-menu-item-viewed{color:#28a745;flex-shrink:0;font-size:16px;font-weight:700}.kb-menu-item-active .kb-menu-item-viewed{color:#ffffffe6}.kb-menu-item-premium-badge{animation:premiumPulse 2s ease-in-out infinite;cursor:help;filter:drop-shadow(0 1px 2px rgba(212,160,23,.3));flex-shrink:0;font-size:18px}@keyframes premiumPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.kb-menu-item-active .kb-menu-item-premium-badge{animation:none;filter:drop-shadow(0 1px 3px rgba(255,255,255,.5))}.kb-menu-children{margin-left:20px;margin-top:4px}.kb-menu-progress{background:#fff;margin-bottom:10px;padding:0 0 16px}.kb-menu-progress-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.kb-menu-progress-label{color:#2c3e50;color:var(--menu-text);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kb-menu-progress-stats{color:#5d6d7e;color:var(--menu-text-secondary);font-weight:400}.kb-menu-progress-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.kb-menu-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}@media (max-width:1024px){.kb-menu-container{margin:24px auto;max-width:100%;padding:24px 32px}}@media (max-width:900px){.kb-menu-container{margin:18px auto;max-width:100%;padding:18px 20px}}@media (max-width:768px){.kb-menu-mobile-header{display:flex}.kb-menu-container{border-radius:8px;margin:12px auto;padding:0;position:relative}.kb-menu-content{padding:0}.kb-menu-content.kb-menu-collapsed{display:none}.kb-menu-category-header{padding:10px 12px}.kb-menu-item-content{min-height:36px;padding:8px 10px}.kb-menu-item-label{font-size:13px}.kb-menu-progress{padding:12px}}@media (max-width:480px){.kb-menu-content{padding:8px}.kb-menu-search-container{margin-bottom:12px;padding-bottom:12px}.kb-menu-category{margin-bottom:16px}.kb-menu-item-content{min-height:32px;padding:6px 8px}.kb-menu-item-label{font-size:12px}.kb-menu-item-icon{font-size:16px}}.kb-menu-content::-webkit-scrollbar{width:8px}.kb-menu-content::-webkit-scrollbar-track{background:#f1f1f1}.kb-menu-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.kb-menu-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.kb-menu-item{animation:fadeIn .2s ease}.kb-menu-item-toggle:focus,.kb-menu-recent-item:focus,.kb-menu-search-input:focus{outline:2px solid #667eea;outline:2px solid var(--menu-active-border);outline-offset:2px}.pb-panel{background-color:#f8fafc;color:#2c3e50;font-family:Inter,sans-serif;height:100%;overflow-y:auto;padding:20px}.pb-header{align-items:center;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:12px;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.pb-header h1{font-size:22px;font-weight:600;margin:0}.pb-deadline{color:#f8fafc;font-size:14px;opacity:.85}.pb-section{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;margin-top:20px;padding:16px}.pb-section-title{color:#2980b9;font-size:18px;font-weight:600;margin-bottom:8px}.pb-text{color:#2c3e50;font-size:14px}.pb-checklist,.pb-list,.pb-resources{list-style-type:none;margin:0;padding:0}.pb-list li,.pb-resources li{border-bottom:1px solid #f0f2f5;font-size:14px;padding:6px 0}.pb-checklist li{align-items:center;display:flex;padding:5px 0}.pb-checklist li input{margin-right:8px}.pb-checklist li.done span{color:#5d6d7e;text-decoration:line-through}.pb-faq-item{margin-bottom:10px}.pb-faq-q{font-size:14px;font-weight:600}.pb-faq-a{color:#5d6d7e;font-size:13px}.pb-empty{align-items:center;color:#5d6d7e;display:flex;height:100%;justify-content:center}.right-panel{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-left:1px solid #eee;box-shadow:-2px 0 8px #2c3e500a;contain:layout style paint;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,2,.6,1);width:50%;will-change:transform;z-index:1000}.right-panel.open{transform:translateX(0)}.right-panel.closed{transform:translateX(100%)}.right-panel-header{align-items:center;background:#f8fafc;border-bottom:1px solid #eee;display:flex;justify-content:flex-end;padding:18px 28px}.close-button{background:#e74c3c;font-size:20px;font-weight:700}.close-button:hover{background:#c0392b}.right-panel-content{flex:1 1}.right-panel.fullscreen{border-radius:0;box-shadow:none;left:0;max-width:100vw;right:0;width:100vw!important;z-index:1100}.right-panel.fullscreen .right-panel-content{height:100vh}@media (max-width:1100px){.right-panel{max-width:100vw;min-width:320px;width:60vw}}@media (max-width:700px){.right-panel{border-left:none;border-radius:0!important;box-shadow:none;left:0;min-width:0;right:0;width:100vw!important;z-index:1200}.right-panel-header{font-size:16px;padding:14px 12px}.pb-header{align-items:flex-start;border-radius:0 0 12px 12px;flex-direction:column;font-size:16px;gap:10px;padding:10px 12px}.pb-header h1{font-size:18px;word-break:break-word}.pb-deadline{margin-bottom:6px;margin-top:6px}.pb-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-top:8px;width:100%}.pb-status-row .status-btn,.pb-status-row button{flex:1 1 100px;margin-bottom:4px;min-width:0}.pb-section{border-radius:8px;margin-top:12px;padding:10px}.pb-section-title{font-size:16px}.pb-checklist li,.pb-list li,.pb-resources li,.pb-text{font-size:13px}.close-button{font-size:18px;height:28px;width:28px}}@media (max-width:480px){.right-panel{border-left:none;border-radius:0!important;box-shadow:none;left:0;min-width:0;right:0;width:100vw!important;z-index:1300}.right-panel-header{font-size:14px;padding:10px 6px}.pb-header{align-items:flex-start;border-radius:0 0 8px 8px;flex-direction:column;font-size:14px;gap:8px;padding:8px 6px}.pb-header h1{font-size:15px;word-break:break-word}.pb-deadline{margin-bottom:4px;margin-top:4px}.pb-status-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;margin-top:6px;width:100%}.pb-status-row .status-btn,.pb-status-row button{flex:1 1 90px;margin-bottom:3px;min-width:0}.pb-section{border-radius:6px;margin-top:8px;padding:6px}.pb-section-title{font-size:14px}.pb-checklist li,.pb-list li,.pb-resources li,.pb-text{font-size:12px}.close-button{font-size:15px;height:24px;width:24px}}.disclaimer-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.disclaimer-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.disclaimer-modal-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.disclaimer-modal-header h2{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:600;gap:8px;margin:0}.disclaimer-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:32px}.disclaimer-close-button:hover{background-color:#fff3}.disclaimer-modal-body{flex:1 1;overflow-y:auto;padding:32px}.disclaimer-content{color:#374151}.disclaimer-intro{color:#1f2937;font-size:16px;line-height:1.6;margin:0 0 24px}.disclaimer-intro strong{color:#d97706}.disclaimer-points{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.disclaimer-point{background:#f9fafb;border-left:4px solid #f59e0b;border-radius:8px;display:flex;gap:16px;padding:16px}.point-icon{flex-shrink:0;font-size:24px}.disclaimer-point strong{color:#1f2937;display:block;font-size:15px;font-weight:600;margin-bottom:4px}.disclaimer-point p{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.disclaimer-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:24px;padding:16px}.disclaimer-note p{color:#78350f;font-size:14px;line-height:1.6;margin:0}.disclaimer-acceptance{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px}.disclaimer-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.disclaimer-checkbox{accent-color:#d97706;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.disclaimer-checkbox-label span{color:#374151;font-size:14px;font-weight:500;line-height:1.6}.disclaimer-modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.disclaimer-btn-accept,.disclaimer-btn-cancel{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.disclaimer-btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#374151}.disclaimer-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.disclaimer-btn-accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.disclaimer-btn-accept:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.disclaimer-btn-accept:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.disclaimer-modal{margin:10px;max-width:95%}.disclaimer-modal-header{padding:20px 24px}.disclaimer-modal-header h2{font-size:20px}.disclaimer-modal-body{padding:24px}.disclaimer-modal-footer{flex-direction:column;padding:16px 24px}.disclaimer-btn-accept,.disclaimer-btn-cancel{width:100%}}@media (max-width:480px){.disclaimer-modal-overlay{padding:10px}.disclaimer-modal-header{padding:16px 20px}.disclaimer-modal-header h2{font-size:18px}.disclaimer-modal-body{padding:20px}.disclaimer-points{gap:16px}.disclaimer-point{padding:12px}.point-icon{font-size:20px}.disclaimer-intro,.disclaimer-note p{font-size:14px}}.assessment-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.assessment-form-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.form-header{border-bottom:1px solid #e5e7eb;padding:30px 30px 20px;position:relative}.form-header h2{color:#1f2937;font-size:1.8rem;font-weight:600;margin:0 0 10px}.form-header p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.goal-context{background:linear-gradient(135deg,#fef3c7,#fde68a 0);border-left:4px solid #f59e0b;border-radius:8px;margin-top:15px;padding:15px}.goal-context h3{color:#92400e;font-size:1.1rem;font-weight:600;margin:0 0 5px}.goal-context p{color:#78350f;font-size:.9rem;margin:0}.close-button-sidebar{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:5px;right:20px;top:20px;transition:all .2s ease;width:40px}.close-button-sidebar:hover{background:#f3f4f6;color:#374151}.close-button{color:#9ca3af;font-size:24px;height:40px;padding:5px;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px}.close-button:hover{background:#f3f4f6;color:#374151}.assessment-form{padding:30px}.form-fields{gap:25px}.form-field,.form-fields{display:flex;flex-direction:column}.form-field{gap:8px}.field-label{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:4px}.required{color:#ef4444;font-weight:700}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea{min-height:100px;resize:vertical}.form-input-wrapper,.form-textarea-wrapper{display:flex;flex-direction:column;position:relative}.multiselect-container{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.multiselect-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:8px 0}.multiselect-option input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.multiselect-option:hover{color:#1f2937}.field-error{color:#ef4444;font-size:.85rem;font-weight:500}.form-actions{border-top:1px solid #e5e7eb;gap:15px;margin-top:30px;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.form-error{padding:40px;text-align:center}.form-error h2{color:#ef4444;margin-bottom:10px}.form-error p{color:#6b7280;margin-bottom:20px}@media (max-width:768px){.assessment-form-modal{margin:10px;max-height:95vh}.form-header{padding:20px 20px 15px}.form-header h2{font-size:1.5rem}.assessment-form{padding:20px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.assessment-form-overlay{padding:10px}.form-header h2{font-size:1.3rem}.form-fields{gap:20px}}.ai-analysis-results{border-top:2px solid #e5e7eb;margin-top:20px;padding-top:20px}.results-header{margin-bottom:20px;padding:0 30px}.results-header h3{color:#1f2937;font-size:1.25rem}.close-results{color:#6b7280;font-size:1.5rem;height:30px;transition:all .2s ease;width:30px}.close-results:hover{background:#f3f4f6;color:#374151}.analysis-content{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin:0 30px 20px;max-height:400px;overflow-y:auto;padding:20px}.analysis-text{color:#1e293b;font-size:.95rem}.analysis-text strong{color:#0369a1;font-weight:600}.results-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 30px 30px}@media (max-width:768px){.analysis-content,.results-actions,.results-header{padding-left:20px;padding-right:20px}.analysis-content{max-height:300px}}.generation-progress{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.progress-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;text-align:center;width:90%}.progress-content h3{color:#1f2937;font-size:1.5rem;margin:0 0 20px}.progress-content p{color:#6b7280;font-size:1rem;margin:0 0 30px}.progress-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;margin:0 auto}.credit-plan-results{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin:20px 30px 0;padding:25px}.plan-header h3{color:#0c4a6e;font-size:1.3rem;margin:0 0 5px}.plan-header p{color:#0369a1;font-size:.9rem}.plan-summary{margin-bottom:20px}.plan-stats{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{gap:5px}.stat-label-form{color:#64748b;font-size:.8rem;font-weight:500}.stat-value{color:#0f172a;font-size:.9rem}.plan-actions{display:flex;gap:10px;justify-content:center}@media (max-width:768px){.credit-plan-results{margin:20px 20px 0}.plan-stats{grid-template-columns:1fr}}.custom-goal-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.custom-goal-form-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.custom-goal-form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;border-radius:12px 12px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.custom-goal-form-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.close-button:hover{background-color:#fff3}.close-button:disabled{cursor:not-allowed;opacity:.5}.custom-goal-form-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.custom-goal-form{padding:32px}.form-section{margin-bottom:32px}.form-section h3{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-row{grid-gap:20px;gap:20px}.form-group label{color:#4a5568}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:100px}.form-textarea-wrapper{display:flex;flex-direction:column;position:relative}.form-word-count{background:#fff;border-radius:4px;bottom:-20px;color:#6c757d;font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:12px;transition:color .2s}.form-word-count-warning{color:#ff9800}.form-word-count-error{color:#dc3545;font-weight:600}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f7fafc;color:#718096;cursor:not-allowed}.error-message{color:#e53e3e;display:block;font-size:12px;margin-top:4px}.submit-error{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030}.progress-message,.submit-error{font-size:14px;margin-bottom:20px;padding:12px}.progress-message{background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;color:#2b6cb0;font-weight:500;text-align:center}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-button,.preview-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s}.cancel-button{background-color:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.cancel-button:hover:not(:disabled){background-color:#edf2f7;border-color:#cbd5e0}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.submit-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.cancel-button:disabled,.preview-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.preview-button{background-color:#4299e1;border:2px solid #3182ce;color:#fff}.preview-button:hover:not(:disabled){background-color:#3182ce;border-color:#2c5282}.preview-section{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:20px}.preview-section h3{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.preview-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.preview-item{margin-bottom:12px}.preview-item strong{color:#4a5568;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.preview-item p{color:#2d3748;font-size:14px;line-height:1.4;margin:0;word-break:break-word}@media (max-width:768px){.custom-goal-form-overlay{padding:10px}.custom-goal-form-modal{max-height:95vh}.custom-goal-form{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.preview-button,.submit-button{width:100%}.preview-content{grid-template-columns:1fr}}@media (max-width:480px){.custom-goal-form-header{padding:20px 24px}.custom-goal-form-header h2{font-size:20px}.custom-goal-form{padding:20px}}.generation-progress{padding:32px;text-align:center}.progress-content h3{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 16px}.progress-content p{color:#4a5568;font-size:14px;margin:0 0 12px}.progress-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto 0;width:40px}.ai-analysis-results{padding:32px}.results-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.results-header h3{color:#2d3748;font-size:20px;font-weight:600;margin:0}.close-results{align-items:center;background:none;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.close-results:hover{background-color:#f7fafc}.analysis-content{margin-bottom:32px}.analysis-text{color:#2d3748;font-size:14px;line-height:1.6;padding:20px}.analysis-text,.credit-plan-results{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px}.credit-plan-results{padding:24px}.plan-header{margin-bottom:20px}.plan-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 8px}.plan-header p{color:#4a5568;font-size:14px;margin:0}.plan-summary{margin-bottom:24px}.plan-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;padding:16px;text-align:center}.stat-label-form{color:#4a5568;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#2d3748;font-size:14px;font-weight:600;word-break:break-word}.plan-actions{text-align:center}.btn-primary{box-shadow:0 4px 12px #667eea4d;font-size:14px;font-weight:500;min-width:160px;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.results-actions{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px;text-align:center}@media (max-width:768px){.plan-stats{gap:12px;grid-template-columns:1fr}.ai-analysis-results,.generation-progress{padding:24px}.credit-plan-results{padding:20px}}@media (max-width:480px){.ai-analysis-results,.generation-progress{padding:20px}.credit-plan-results{padding:16px}.results-header h3{font-size:18px}}.actionable-plans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px;width:100%}.plans-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:40px;padding:30px;text-align:center}.plans-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 10px}.plans-header p{color:#fff;font-size:1.1rem;margin:0 0 20px;opacity:.9}.expand-controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.collapse-all-btn,.custom-goal-btn,.expand-all-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.collapse-all-btn:hover,.custom-goal-btn:hover,.expand-all-btn:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.collapse-all-btn:active,.custom-goal-btn:active,.expand-all-btn:active{transform:translateY(0)}.custom-goal-btn{background:linear-gradient(135deg,#48bb78,#38a169)!important;border-color:#fff6!important;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.custom-goal-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a)!important;border-color:#fff9!important}.timeframe-filter{align-items:center;display:flex;gap:10px;justify-content:center}.timeframe-filter label{font-size:.9rem;font-weight:600}.timeframe-filter select{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px}.generate-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;padding:8px 16px}.timeframe-filter select option{background:#fff;color:#333}.plans-content{display:flex;flex-direction:column;gap:30px}.categories-container{display:flex;flex-direction:column;gap:20px}.category-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;overflow:hidden;transition:all .3s ease}.category-section:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.category-header{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:20px 25px;transition:all .3s ease}.category-header,.category-header:hover{background:linear-gradient(135deg,#f093fb,#f5576c)}.category-header:hover{opacity:.9}.category-info{flex:1 1}.category-title{color:#5b2020;font-size:1.4rem;font-weight:600;margin:0 0 10px}.progress-bar{background:#ffffff4d;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:#4ade80;border-radius:4px;height:100%;transition:width .3s ease}.progress-text{font-size:.9rem;font-weight:500;opacity:.9}.expand-icon{font-size:1.5rem;font-weight:700;margin-left:15px}.category-content{padding:25px}.subcategory-section{margin-bottom:30px}.subcategory-section:last-child{margin-bottom:0}.subcategory-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.goals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.goal-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;max-width:370px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.goal-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.goal-card.completed{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.goal-card.completed:before{align-items:center;background:#10b981;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:15px;top:10px;width:24px}.goal-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.goal-checkbox{margin-top:2px}.goal-checkbox input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.goal-content{flex:1 1}.goal-title{color:#1f2937;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.goal-timeline{color:#6b7280;font-size:.9rem;font-weight:500;margin:0}.goal-details{margin-top:15px}.metrics-section h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 12px}.metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 12px}.metric-label{color:#6b7280;font-weight:500}.metric-value{color:#1f2937}.targets-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:15px}.targets-section h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 12px}.targets-timeline{display:flex;flex-direction:column;gap:8px}.target-item{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a 0);border-left:3px solid #f59e0b;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 12px}.target-period{color:#92400e;font-weight:500}.target-value{color:#78350f;font-weight:600}.success-targets-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;padding:30px}.success-targets-section h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.targets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.target-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;padding:25px;transition:all .3s ease}.target-card:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-3px)}.target-title{font-size:1.2rem;font-weight:600;margin:0 0 20px;text-align:center}.target-metrics{display:flex;flex-direction:column;gap:12px}.target-metric{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 15px}.metric-name{font-weight:500;opacity:.9}.metric-value{font-weight:600}.plans-summary{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-top:30px;padding:30px}.plans-summary h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0 0 20px;text-align:center}.summary-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;color:#fff;padding:20px;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 25px #f093fb4d;transform:translateY(-2px)}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}@media (max-width:768px){.actionable-plans{padding:0}.plans-header{padding:20px}.plans-header h1{font-size:2rem}.expand-controls{align-items:center;flex-direction:column;gap:10px}.collapse-all-btn,.custom-goal-btn,.expand-all-btn{max-width:200px;width:100%}.goals-grid,.summary-stats,.targets-grid{grid-template-columns:1fr}.category-header{padding:15px 20px}.category-content{padding:20px}.goal-card{padding:15px}}@media (max-width:480px){.plans-header h1{font-size:1.5rem}.category-title{font-size:1.2rem}.goal-title{font-size:1rem}.metrics-grid{grid-template-columns:1fr}}.goal-actions{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:15px}.generate-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease;width:100%}.generate-button:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.generate-button:active{transform:translateY(0)}.assessment-history{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.history-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:40px;padding:30px 20px;text-align:center}.history-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:10px}.history-header p{color:#7f8c8d;font-size:18px;margin:0}.history-filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.filter-group,.history-filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label{color:#2c3e50;font-size:14px;font-weight:600;white-space:nowrap}.filter-input,.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;min-width:180px;padding:12px 16px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-info{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:8px;color:#fff;font-weight:500;margin-bottom:20px;padding:12px 20px;text-align:center}.filter-info p{font-size:14px;margin:0}.assessment-card{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:25px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.assessment-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.custom-goal-card:before{background:linear-gradient(135deg,#48bb78,#38a169)}.custom-goal-card{border-left:4px solid #48bb78}.assessment-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.assessment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.assessment-title{color:#2c3e50;font-size:20px;font-weight:700;line-height:1.3;margin:0}.assessment-date{color:#7f8c8d;font-size:14px;font-weight:500}.assessment-meta{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.meta-item{display:flex;flex-direction:column;gap:8px}.meta-label{color:#95a5a6;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.meta-value{color:#2c3e50;font-size:15px;font-weight:600}.assessment-actions{display:flex;gap:12px;margin-top:20px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.view-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 15px #ff6b6b4d;color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#ff5252,#d63031);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn:disabled:hover{box-shadow:none;transform:none}.assessment-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #667eea;border-radius:12px;margin-top:20px;padding:20px}.preview-title{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.preview-title:before{content:"🤖";font-size:18px}.preview-content{color:#34495e;font-size:14px;line-height:1.6;overflow:hidden;position:relative}.preview-content:after{background:linear-gradient(90deg,#0000,#f8f9fa);bottom:0;content:"";height:20px;position:absolute;right:0;width:40px}.loading-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;color:#7f8c8d;text-align:center}.loading-state:before{content:"⏳";display:block;font-size:48px;margin-bottom:20px}.empty-state{border-radius:16px;box-shadow:0 4px 20px #00000014;color:#7f8c8d;padding:80px 20px}.empty-state:before{content:"📊";display:block;font-size:64px;margin-bottom:20px}.empty-state h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:15px}.empty-state p{font-size:16px;line-height:1.6;margin-bottom:30px}.auth-required{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;color:#7f8c8d;padding:60px 20px;text-align:center}.auth-required h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:15px}.summary-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 20px #667eea4d;color:#fff;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #667eea66;transform:translateY(-4px)}.stat-number{color:#fff;font-size:36px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px #0000001a}.stat-label{color:#fff;font-size:16px;font-weight:600;opacity:.95}.assessments-list{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}@media (max-width:768px){.assessment-history{padding:0}.history-header h1{font-size:2rem}.filter-group,.history-filters{align-items:stretch;flex-direction:column}.assessment-header{flex-direction:column;gap:15px}.assessment-meta{gap:15px}.assessment-meta,.summary-stats{grid-template-columns:1fr}.assessment-actions{flex-direction:column}.action-btn{width:100%}}.markdown-renderer{width:100%}.markdown-content-wrapper{color:#2c3e50;line-height:1.6}.markdown-content-wrapper h1,.markdown-content-wrapper h2,.markdown-content-wrapper h3{color:#2c3e50;margin-bottom:.5rem;margin-top:1rem}.markdown-content-wrapper h1:first-child,.markdown-content-wrapper h2:first-child,.markdown-content-wrapper h3:first-child{margin-top:0}.markdown-content-wrapper p{line-height:1.6;margin-bottom:.75rem}.markdown-content-wrapper ol,.markdown-content-wrapper ul{margin-bottom:.75rem;padding-left:1.5rem}.markdown-content-wrapper li{margin-bottom:.25rem}.markdown-content-wrapper code{background:#f8f9fa;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:.2rem .4rem}.markdown-content-wrapper pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:.75rem;overflow:auto;padding:.75rem}.markdown-content-wrapper pre code{background:none;border-radius:0;padding:0}.markdown-content-wrapper blockquote{background:#3498db0d;border-left:3px solid #3498db;border-radius:0 4px 4px 0;color:#7f8c8d;font-style:italic;margin:.75rem 0;padding:.5rem .75rem}.markdown-content-wrapper a{border-bottom:1px solid #0000;color:#3498db;text-decoration:none;transition:border-color .2s}.markdown-content-wrapper a:hover{border-bottom-color:#3498db}.toggle-text-btn{background:none;border:none;color:#3498db;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem 0;text-decoration:underline;transition:color .2s}.toggle-text-btn:hover{color:#2980b9}.demo-plan-flow{height:80vh;position:relative;width:100%}.demo-plan-flow.error,.demo-plan-flow.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.error-content,.loading-content{padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 20px;width:40px}.demo-banner{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;color:#fff;padding:12px 20px;position:relative;z-index:1000}.demo-banner,.demo-banner-content{align-items:center;display:flex;justify-content:center}.demo-banner-content{gap:12px;max-width:1200px;width:100%}.demo-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.demo-message{font-size:14px;font-weight:500}.error-content h2{color:#e74c3c;margin-bottom:10px}.error-content p{color:#666;margin:5px 0}.kebab-menu-container{display:inline-block;position:relative}.kebab-menu-button{align-items:center;background:none;border:none;border-radius:6px;color:#5d6d7e;cursor:pointer;display:flex;font-size:26px;height:36px;justify-content:center;line-height:1;padding:8px;transition:background-color .2s ease;width:36px}.kebab-menu-button:hover{background-color:#f0f0f0;color:#2c3e50}.kebab-dots{display:block;font-size:36px;font-weight:700;letter-spacing:-2px;transform:rotate(90deg)}.kebab-menu-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:99999}.kebab-menu-item{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.kebab-menu-item:hover{background-color:#f8f9fa}.kebab-menu-item-danger{color:#dc3545}.kebab-menu-item-danger:hover{background-color:#f8d7da}.kebab-icon{font-size:16px;text-align:center;width:20px}.credit-increase-status-bar{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-top:12px;padding:12px}.status-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.status-bar-label{color:#5d6d7e;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-bar-text{font-size:12px;font-weight:600}.status-bar-container{background-color:#e1e5e9;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden;width:100%}.status-bar-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.status-bar-footer{display:flex;justify-content:flex-end}.status-bar-info{color:#5d6d7e;font-size:10px;font-style:italic}@media (max-width:768px){.status-bar-header{align-items:flex-start;flex-direction:column;gap:4px}.status-bar-text{font-size:11px}}.card-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card-list-loading{padding:60px 20px;text-align:center}.card-list-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e1e5e9;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.card-list-loading p{color:#5d6d7e;font-size:16px}.card-list-empty{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;grid-column:1/-1;padding:60px 20px;text-align:center}.card-list-empty h3{color:#2c3e50;font-size:22px;margin:0 0 10px}.card-list-empty p{color:#5d6d7e;font-size:16px;margin:0}.card-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.card-item:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.card-item-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.card-item-title{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.card-item-title h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.card-tier-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.card-item-actions{opacity:0;transition:opacity .2s ease}.card-item-actions.visible{opacity:1}.card-item-body{display:flex;flex-direction:column;gap:16px}.card-type-row{margin-bottom:4px}.card-type-label{color:#5d6d7e;font-size:14px;font-weight:500}.card-credit-line{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e1e5e9;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:16px}.card-credit-label{color:#5d6d7e;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-credit-value{color:#667eea;font-size:28px;font-weight:700;line-height:1.2}.card-item-details{grid-gap:12px;animation:fadeIn .2s ease;border-top:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px;padding-top:16px}.card-detail-item{display:flex;flex-direction:column;gap:4px}.card-detail-label{color:#5d6d7e;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.card-detail-value{color:#2c3e50;font-size:14px;font-weight:600}.card-bureau-reporting{align-items:center;background:linear-gradient(135deg,#e8f4f8,#f0f8ff);border:1px solid #b8daef;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.card-bureau-label{color:#5d6d7e;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.card-bureau-badges{display:flex;flex-wrap:wrap;gap:8px}.bureau-badge{background-color:#667eea;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:help;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .2s ease}.bureau-badge:hover{background-color:#5568d3;box-shadow:0 3px 6px #667eea4d;transform:translateY(-1px)}.bureau-badge.no-pull{background-color:#10b981;color:#fff;padding:4px 12px}.bureau-badge.no-pull:hover{background-color:#059669}.card-detail-section{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:12px;grid-column:1/-1;margin-top:12px;padding-top:12px}.card-bureau-notes{grid-column:1/-1}.card-bureau-notes .card-detail-value{color:#5d6d7e;font-size:13px;font-style:italic;font-weight:400;line-height:1.5}@media (max-width:768px){.card-list{gap:16px;grid-template-columns:1fr}.card-item{padding:16px}.card-item-header{align-items:flex-start;flex-direction:column;gap:12px}.card-item-title{width:100%}.card-item-actions{align-self:flex-end;opacity:1}.card-credit-value{font-size:24px}.card-item-details{grid-template-columns:1fr}.card-bureau-reporting{align-items:flex-start;flex-direction:column;gap:8px}.bureau-badge{font-size:10px;padding:3px 8px}}@media (min-width:769px) and (max-width:1024px){.card-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.card-list{grid-template-columns:repeat(3,1fr)}}.bank-selector{position:relative;width:100%}.bank-selector-input-wrapper{align-items:center;display:flex;gap:8px;position:relative}.bank-selector-input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.bank-selector-input:focus{border-color:#667eea;outline:none}.bank-tier-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px;pointer-events:none;position:absolute;right:12px;white-space:nowrap}.bank-selector-dropdown{animation:fadeIn .2s ease;background:#fff;border:2px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.bank-selector-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.bank-selector-option:last-child{border-bottom:none}.bank-selector-option:hover{background-color:#f8f9fa}.bank-option-name{color:#2c3e50;flex:1 1;font-size:14px}.bank-option-tier{border-radius:12px;font-size:11px;font-weight:600;margin-left:12px;padding:4px 10px;white-space:nowrap}.bank-selector-custom{color:#667eea;font-style:italic;font-weight:500}.bank-selector-custom:hover{background-color:#e3f0fc}@media (max-width:768px){.bank-selector-input{font-size:16px}.bank-selector-dropdown{max-height:250px}.bank-option-name{font-size:14px}.bank-option-tier{font-size:10px;padding:3px 8px}}.card-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card-form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.card-form-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.card-form-body{padding:24px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input.error{border-color:#dc3545}.form-group input:disabled{background-color:#f8f9fa;opacity:.7}.form-checkbox-group{align-items:center;display:flex}.form-checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;margin:0;width:auto}.form-checkbox-group label{color:#5d6d7e;cursor:pointer;font-size:13px;font-weight:400;margin:0 0 0 8px}.card-form-footer{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:768px){.card-form-body{padding:16px}.form-row{gap:0;grid-template-columns:1fr}.card-form-footer{flex-direction:column-reverse;padding:16px}.btn-cancel,.btn-submit{width:100%}}.personal-cards{margin:0 auto;max-width:1200px;padding:20px;width:100%}.personal-cards-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#000;display:flex;justify-content:space-between;margin-bottom:10px;padding:20px}.personal-cards-header h2{color:#000;font-size:28px;font-weight:700;margin:0 0 8px}.personal-cards-header p{color:#000;font-size:16px;margin:0;opacity:.9}.btn-add-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d}.btn-add-card:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #0003;color:#000}.stat-item{background:none;padding:10px}.stat-label{align-items:center;background:none;border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;margin:0;padding:0;text-align:center}@media (max-width:768px){.personal-cards{padding:0}.stat-label{flex:none}.personal-cards-header{flex-direction:column;gap:20px;padding:20px}.personal-cards-header h2{font-size:24px}.btn-add-card{width:100%}.stats-bar{flex-direction:column;gap:16px;padding:16px}.stat-item{align-items:center;flex-direction:row;justify-content:space-between}.search-filter-bar{flex-direction:column}.filter-select,.search-input-wrapper{min-width:0;min-width:auto;width:100%}}.business-entity-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.business-entity-form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.business-entity-form-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.business-entity-form-body{padding:24px}.form-error-message{background:#f8d7da;border-radius:8px;color:#721c24;font-size:14px;margin-bottom:20px;padding:12px 16px}.form-group label{color:#2c3e50}.required{color:#dc3545}.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group select{cursor:pointer}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.field-error{color:#dc3545;display:block;font-size:12px;margin-top:4px}.form-row{grid-gap:16px;gap:16px}.business-entity-form-footer{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:#f8f9fa;border:2px solid #e1e5e9;color:#6c757d}.btn-cancel:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.business-entity-form-body{padding:16px}.form-row{gap:0;grid-template-columns:1fr}.business-entity-form-footer{flex-direction:column-reverse;padding:16px}.btn-cancel,.btn-submit{width:100%}}.business-cards{margin:0 auto;max-width:1400px;padding:20px;width:100%}.business-cards-layout{align-items:flex-start;display:flex;gap:24px}.business-entities-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;max-height:calc(100vh - 40px);min-width:280px;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:280px}.sidebar-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.sidebar-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.btn-add-entity-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.btn-add-entity-small:hover{box-shadow:0 2px 8px #667eea4d;transform:scale(1.1)}.entities-list{display:flex;flex-direction:column;gap:12px}.entity-item{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:10px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px;transition:all .2s ease}.entity-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a;transform:translateX(4px)}.entity-item.active{background:linear-gradient(135deg,#e3f0fc,#f0f7ff);border-color:#667eea;box-shadow:0 2px 8px #667eea33}.entity-info{flex:1 1;min-width:0}.entity-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-type{background:#f8f9fa;border-radius:6px;color:#5d6d7e;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.business-cards-main{flex:1 1;min-width:0}.cards-section-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.cards-section-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 8px}.entity-context{color:#5d6d7e;font-size:14px;margin:0}.entity-context strong{color:#667eea;font-weight:600}.btn-add-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-add-card:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.stats-bar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;margin-bottom:24px;padding:20px}.stat-item{display:flex;flex:1 1;flex-direction:column;gap:4px}.stat-label{color:#5d6d7e;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:24px;font-weight:700}.stat-item:first-child .stat-value{color:#667eea}.search-filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.search-icon{color:#5d6d7e;font-size:16px;left:12px;pointer-events:none;position:absolute}.search-input{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#667eea;outline:none}.filter-select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;min-width:150px;padding:12px 16px;transition:border-color .2s ease}.filter-select:focus{border-color:#667eea;outline:none}.empty-state{padding:60px 20px}.empty-state,.empty-state-centered{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;text-align:center}.empty-state-centered{padding:80px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3,.empty-state-centered h3{color:#2c3e50;font-size:22px;margin:0 0 10px}.empty-state p,.empty-state-centered p{color:#5d6d7e;font-size:16px;margin:0 0 24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.error-message{align-items:center;background:#f8d7da;display:flex;justify-content:space-between;padding:16px 20px}.error-message button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s ease}.error-message button:hover{background:#c82333}.loading-container{padding:60px 20px;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #e1e5e9;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.loading-container p{color:#5d6d7e;font-size:16px}@media (max-width:768px){.business-cards{padding:0}.business-cards-layout{flex-direction:column;gap:16px}.business-entities-sidebar{max-height:none;min-width:200px;position:static;width:90%}.sidebar-header{margin-bottom:16px}.entity-item{padding:14px}.cards-section-header{flex-direction:column;gap:16px;padding:20px}.btn-add-card{width:100%}.stats-bar{flex-direction:column;gap:16px;padding:16px}.stat-item{align-items:center;flex-direction:row;justify-content:space-between}.search-filter-bar{flex-direction:column}.filter-select,.search-input-wrapper{min-width:0;min-width:auto;width:100%}}.credit-cards-inventory{background:#f8fafc;min-height:calc(100vh - 200px);padding:0 20px 20px;width:100%}.inventory-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:20px;padding:25px 10px;text-align:center}.inventory-header h1{color:#fff;font-size:36px;font-weight:700;margin:0 0 12px}.inventory-header p{color:#fff;font-size:18px;margin:0;opacity:.95}.inventory-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:8px;justify-content:center;margin-bottom:5px;margin-left:auto;margin-right:auto;max-width:500px;padding:5px}.tab-button{background:#0000;border:none;border-radius:8px;color:#5d6d7e;cursor:pointer;flex:1 1;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#f8f9fa;color:#2c3e50}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.tab-button.disabled-tab{cursor:pointer;opacity:.6}.tab-button.disabled-tab:hover{background:#f8f9fa;color:#2c3e50}.inventory-content{width:100%}@media (max-width:768px){.credit-cards-inventory{padding:0}.inventory-header{padding:30px 16px}.inventory-header h1{font-size:28px}.inventory-header p{font-size:16px}.inventory-tabs{margin-bottom:20px}.tab-button{font-size:14px;padding:10px 16px}}.manage-subscription-button-wrapper{display:inline-block}.manage-subscription-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:500;gap:8px;line-height:1.5;padding:10px 20px;text-decoration:none;transition:all .2s ease}.manage-subscription-button:disabled{cursor:not-allowed;opacity:.6}.manage-subscription-button .button-icon{font-size:18px;line-height:1}.manage-subscription-button--primary{background-color:#007bff;color:#fff}.manage-subscription-button--primary:hover:not(:disabled){background-color:#0056b3}.manage-subscription-button--primary:active:not(:disabled){background-color:#004085}.manage-subscription-button--secondary{background-color:#6c757d;color:#fff}.manage-subscription-button--secondary:hover:not(:disabled){background-color:#545b62}.manage-subscription-button--secondary:active:not(:disabled){background-color:#3e444a}.manage-subscription-button--link{background-color:initial;color:#007bff;padding:8px 12px;text-decoration:underline}.manage-subscription-button--link:hover:not(:disabled){color:#0056b3;text-decoration:none}.manage-subscription-button--link:active:not(:disabled){color:#004085}.manage-subscription-button--loading{position:relative}.manage-subscription-button--loading .button-icon{animation:spin 1s linear infinite}.manage-subscription-button--error{border:2px solid #dc3545}.manage-subscription-button-error{align-items:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;display:flex;font-size:14px;gap:8px;margin-top:8px;max-width:500px;padding:10px 12px}.manage-subscription-button-error .error-icon{flex-shrink:0;font-size:16px}.manage-subscription-button-error .error-message{flex:1 1}.manage-subscription-button-error .error-dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#721c24;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;line-height:1;margin-left:auto;padding:0;transition:background-color .2s ease;width:24px}.manage-subscription-button-error .error-dismiss:hover{background-color:#721c241a}.manage-subscription-button-error .error-dismiss:active{background-color:#721c2433}.manage-subscription-container{margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.manage-subscription-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.manage-subscription-card h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 30px}.loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:20px;width:40px}.error-message,.success-message{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:10px;margin-bottom:24px;padding:12px 16px}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;position:relative}.error-dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#721c24;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;line-height:1;margin-left:auto;padding:0;transition:background-color .2s ease;width:24px}.error-dismiss:hover{background-color:#721c241a}.error-icon,.success-icon{flex-shrink:0;font-size:18px}.subscription-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.info-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.info-section.warning{background:#fff3cd;border-color:#ffc107}.info-section h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.plan-badge{border-radius:6px;display:inline-block;font-size:16px;font-weight:600;padding:8px 16px}.plan-badge-active{background:#d4edda;color:#155724}.status-badge{border-radius:6px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.status-active{background:#d4edda;color:#155724}.status-trialing{background:#d1ecf1;color:#0c5460}.status-past_due{background:#fff3cd;color:#856404}.status-canceled{background:#f8d7da;color:#721c24}.billing-date{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.manage-actions{border-top:1px solid #e9ecef;margin-top:32px;padding-top:32px}.plans-description{color:#666;font-size:16px;margin-bottom:32px;text-align:center}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.plan-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:32px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.plan-card-featured{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.plan-badge-featured{background:#007bff;border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;letter-spacing:.5px;padding:4px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:24px;text-align:center}.plan-header h3{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 12px}.plan-price{margin:16px 0}.price-amount{color:#007bff;font-size:48px;font-weight:700}.price-period{color:#666;font-size:18px;margin-left:4px}.plan-savings{color:#28a745;font-size:14px;font-weight:600;margin-top:8px}.plan-features{list-style:none;margin:0 0 32px;padding:0}.plan-features li{border-bottom:1px solid #f0f0f0;color:#333;font-size:16px;padding:12px 0}.plan-features li:last-child{border-bottom:none}.plan-button{background:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.plan-button:hover:not(:disabled){background:#007bff;box-shadow:0 4px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.plan-button:active:not(:disabled){transform:translateY(0)}.plan-button:disabled{cursor:not-allowed;opacity:.6}.plan-button-primary{background:#007bff;color:#fff}.plan-button-primary:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.plans-note{color:#666;font-size:14px;font-style:italic;margin:0;text-align:center}@media (max-width:768px){.manage-subscription-container{padding:20px 10px}.manage-subscription-card{padding:24px}.manage-subscription-card h2{font-size:24px}.plans-grid,.subscription-info{grid-template-columns:1fr}.price-amount{font-size:36px}}.privacy-policy-container{background-color:#fff;margin:0 auto;max-width:900px;min-height:calc(100vh - 100px);padding:20px}.privacy-policy-content{color:#333;line-height:1.8}.privacy-policy-content h1{border-bottom:3px solid #222;color:#222;font-size:2.5em;margin-bottom:10px;padding-bottom:15px}.privacy-section{margin-bottom:40px}.privacy-section h2{border-left:4px solid #222;color:#222;font-size:1.8em;margin-bottom:15px;margin-top:30px;padding-left:15px}.privacy-section h3{color:#444;font-size:1.3em;margin-bottom:10px;margin-top:20px}.privacy-section p{margin-bottom:15px;text-align:justify}.privacy-section ul{margin-bottom:15px;margin-left:20px}.privacy-section li{margin-bottom:10px}.privacy-section strong{color:#222;font-weight:600}.privacy-section a{border-bottom:1px solid #0000;color:#06c;text-decoration:none;transition:border-bottom .2s}.privacy-section a:hover{border-bottom:1px solid #06c}.privacy-section a:visited{color:#551a8b}@media (max-width:768px){.privacy-policy-container{padding:15px}.privacy-policy-content h1{font-size:2em}.privacy-section h2{font-size:1.5em}.privacy-section h3{font-size:1.2em}}.terms-container{background-color:#fff;margin:0 auto;max-width:900px;min-height:calc(100vh - 100px);padding:20px}.terms-content{color:#333;line-height:1.8}.terms-content h1{border-bottom:3px solid #222;color:#222;font-size:2.5em;margin-bottom:10px;padding-bottom:15px}.terms-section{margin-bottom:40px}.terms-section h2{border-left:4px solid #222;color:#222;font-size:1.8em;margin-bottom:15px;margin-top:30px;padding-left:15px}.terms-section h3{color:#444;font-size:1.3em;margin-bottom:10px;margin-top:20px}.terms-section p{margin-bottom:15px;text-align:justify}.terms-section ul{margin-bottom:15px;margin-left:20px}.terms-section li{margin-bottom:10px}.terms-section strong{color:#222;font-weight:600}.terms-section a{border-bottom:1px solid #0000;color:#06c;text-decoration:none;transition:border-bottom .2s}.terms-section a:hover{border-bottom:1px solid #06c}.terms-section a:visited{color:#551a8b}@media (max-width:768px){.terms-container{padding:15px}.terms-content h1{font-size:2em}.terms-section h2{font-size:1.5em}.terms-section h3{font-size:1.2em}}.cookie-policy-container{background-color:#fff;margin:0 auto;max-width:900px;min-height:calc(100vh - 100px);padding:20px}.cookie-policy-content{color:#333;line-height:1.8}.cookie-policy-content h1{border-bottom:3px solid #222;color:#222;font-size:2.5em;margin-bottom:10px;padding-bottom:15px}.last-updated{color:#666;font-size:.9em;font-style:italic;margin-bottom:30px}.cookie-section{margin-bottom:40px}.cookie-section h2{border-left:4px solid #222;color:#222;font-size:1.8em;margin-bottom:15px;margin-top:30px;padding-left:15px}.cookie-section h3{color:#444;font-size:1.3em;margin-bottom:10px;margin-top:20px}.cookie-section p{margin-bottom:15px;text-align:justify}.cookie-section ul{margin-bottom:15px;margin-left:20px}.cookie-section li{margin-bottom:10px}.cookie-section strong{color:#222;font-weight:600}.cookie-section a{border-bottom:1px solid #0000;color:#06c;text-decoration:none;transition:border-bottom .2s}.cookie-section a:hover{border-bottom:1px solid #06c}.cookie-section a:visited{color:#551a8b}@media (max-width:768px){.cookie-policy-container{padding:15px}.cookie-policy-content h1{font-size:2em}.cookie-section h2{font-size:1.5em}.cookie-section h3{font-size:1.2em}}.cookie-banner-overlay{align-items:flex-end;animation:fadeIn .3s ease-in;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-banner{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner-content{padding:24px}.cookie-banner-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cookie-banner-header h3{color:#222;font-size:1.3em;font-weight:600;margin:0}.cookie-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.cookie-close-btn:hover{background-color:#f0f0f0;color:#222}.cookie-banner-content p{color:#555;font-size:14px;line-height:1.6;margin:0 0 16px}.cookie-banner-links{margin-top:12px}.cookie-banner-links a{border-bottom:1px solid #0000;color:#06c;font-size:13px;text-decoration:none;transition:border-bottom .2s}.cookie-banner-links a:hover{border-bottom:1px solid #06c}.cookie-banner-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px}.cookie-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .2s}.cookie-btn-primary{background:#222;color:#fff}.cookie-btn-primary:hover{background:#333;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.cookie-btn-secondary{background:#fff;border:2px solid #ddd;color:#222}.cookie-btn-secondary:hover{background:#f8f9fa;border-color:#222}.cookie-preference-item{border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:24px}.cookie-preference-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cookie-preference-header{margin-bottom:8px}.cookie-preference-header label{align-items:center;color:#222;cursor:default;display:flex;font-size:15px;gap:8px}.cookie-required{background:#e3f0fc;border-radius:4px;color:#06c;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.cookie-preference-description{color:#666;font-size:13px;line-height:1.5;margin:8px 0 12px}.cookie-toggle{align-items:center;display:flex;gap:12px}.cookie-toggle-label{color:#666;font-size:13px;font-weight:500}.cookie-switch{display:inline-block;height:24px;position:relative;width:44px}.cookie-switch input{height:0;opacity:0;width:0}.cookie-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.cookie-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.cookie-switch input:checked+.cookie-slider{background-color:#222}.cookie-switch input:checked+.cookie-slider:before{transform:translateX(20px)}.cookie-switch input:disabled+.cookie-slider{background-color:#e0e0e0;cursor:not-allowed}@media (max-width:768px){.cookie-banner-overlay{padding:0}.cookie-banner{border-radius:12px 12px 0 0;max-width:100%}.cookie-banner-content{padding:20px}.cookie-banner-header h3{font-size:1.1em}.cookie-banner-actions{flex-direction:column;padding:16px 20px}.cookie-btn{flex:none;width:100%}.cookie-preference-item{margin-bottom:20px;padding-bottom:20px}}.auth-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.auth-container,.auth-wrapper{align-items:center;display:flex;justify-content:center}.auth-container{width:100%}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:40px;text-align:center}.auth-card h2{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.auth-subtitle{color:#666;font-size:16px;margin:0 0 30px}.auth-form{text-align:left}.form-group{margin-bottom:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group small{color:#666;display:block;font-size:12px;margin-top:4px}.auth-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:15px;padding:14px 20px;transition:all .3s ease;width:100%}.auth-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-button.primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.auth-button.secondary{background:#f8f9fa;border:2px solid #667eea;color:#667eea}.auth-button.secondary:hover:not(:disabled){background:#667eea;color:#fff}.auth-button.google{align-items:center;background:#fff;border:2px solid #e1e5e9;color:#333;display:flex;font-weight:500;gap:10px;justify-content:center}.auth-button.google:hover:not(:disabled){background:#f8f9fa;border-color:#dadce0;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.auth-button.google:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%23FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="%23FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="%234CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="%231976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>') no-repeat 50%;background-size:contain;content:"";height:18px;width:18px}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;margin:0;padding:0;text-decoration:underline}.link-button:hover:not(:disabled){color:#5a6fd8}.link-button:disabled{cursor:not-allowed;opacity:.6}.auth-links{margin:20px 0;text-align:center}.auth-switch{margin-top:20px;text-align:center}.auth-switch p{color:#666;font-size:14px;margin:0}.auth-divider{margin:20px 0;position:relative;text-align:center}.auth-divider:before{background:#e1e5e9;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#666;font-size:14px;padding:0 15px}.error-message{background:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px 16px}.success-message{background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;color:#2f855a}.verification-container,.verification-success{text-align:center}.success-icon,.verification-icon{font-size:48px;margin-bottom:20px}.success-icon{color:#2f855a}.verification-actions{display:flex;flex-direction:column;gap:10px;margin:20px 0}.verification-info{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px;text-align:left}.verification-info p{color:#333;font-weight:600;margin:0 0 10px}.verification-info ul{color:#666;margin:0;padding-left:20px}.verification-info li{margin-bottom:5px}.auth-info{background:#f8f9fa;border-radius:8px;color:#666;font-size:14px;margin-top:20px;padding:15px}.auth-info p{margin:0}@media (max-width:480px){.auth-card{padding:30px 20px}.form-row{gap:0;grid-template-columns:1fr}.auth-container{max-width:100%}}.auth-button:disabled{position:relative}.auth-button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-info{text-align:center}.profile-avatar{margin-bottom:30px}.profile-avatar img{object-fit:cover}.avatar-placeholder,.profile-avatar img{border:3px solid #667eea;border-radius:50%;height:80px;width:80px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:600;justify-content:center;margin:0 auto}.profile-details{text-align:left}.profile-field{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.profile-field:last-of-type{border-bottom:none}.profile-field label{color:#333;font-weight:600;margin:0}.profile-field span{color:#666;text-align:right}.profile-field .verified{color:#2f855a;font-weight:600}.profile-field .not-verified{color:#c53030;font-weight:600}.profile-actions{display:flex;flex-direction:column;gap:10px;margin-top:30px}.profile-actions .auth-button{margin-bottom:0}.landing-page{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh}.landing-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:80px 20px 60px;position:relative}.landing-hero:before{animation:pulse 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.landing-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-content{margin:0 auto;max-width:800px;text-align:center}.hero-title{color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 20px;text-shadow:0 2px 10px #0000001a}.hero-subtitle{color:#fff;font-size:20px;font-weight:300;line-height:1.6;margin:0 0 40px;opacity:.95}.hero-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px}.hero-feature-item span{color:#fff}.hero-feature-item{align-items:center;display:flex;font-size:16px;font-weight:500;gap:8px}.hero-feature-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;height:24px;justify-content:center;width:24px}.landing-main{background:#f8fafc;min-height:calc(100vh - 400px);padding:60px 20px}.landing-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 400px}.landing-info{display:flex;flex-direction:column;gap:50px}.info-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:40px}.section-title{border-bottom:3px solid #667eea;color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 20px;padding-bottom:15px}.section-text{color:#5d6d7e;font-size:16px;line-height:1.7;margin:0 0 15px}.section-text:last-child{margin-bottom:0}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:30px}.feature-card li{font-size:12px}.feature-card{background:#f8fafc;border:2px solid #0000;border-radius:10px;padding:25px;transition:transform .2s,box-shadow .2s}.feature-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-4px)}.feature-icon{display:block;font-size:32px;margin-bottom:12px}.feature-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 10px}.feature-text{color:#5d6d7e;font-size:14px;line-height:1.6;margin:0}.video-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;justify-content:center;min-height:300px;overflow:hidden;padding:60px 20px;position:relative;text-align:center}.video-placeholder:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.video-placeholder-content{color:#fff;position:relative;z-index:1}.video-placeholder-icon{font-size:64px;margin-bottom:20px;opacity:.9}.video-placeholder-text{font-size:20px;font-weight:600;margin:0 0 8px}.video-placeholder-subtext{font-size:16px;margin:0;opacity:.9}.testimonials-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:30px}.testimonial-card{background:#f8fafc;border-left:4px solid #667eea;border-radius:10px;padding:25px;transition:transform .2s,box-shadow .2s}.testimonial-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.testimonial-stars{color:#f39c12;font-size:18px;letter-spacing:2px;margin-bottom:15px}.testimonial-text{color:#5d6d7e;font-size:14px;font-style:italic;line-height:1.7;margin:0 0 20px}.testimonial-author{display:flex;flex-direction:column;gap:4px}.testimonial-author strong{color:#2c3e50;font-size:15px}.testimonial-author span{color:#5d6d7e;font-size:13px}.landing-auth{position:-webkit-sticky;position:sticky;top:20px}.landing-auth .auth-card{box-shadow:0 10px 30px #00000026;margin:0}.auth-tabs{border-bottom:2px solid #e1e5e9;display:flex;margin-bottom:30px}.auth-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s}.auth-tab.active,.auth-tab:hover{background:#f8fafc;color:#667eea}.auth-tab.active{border-bottom-color:#667eea;font-weight:600}.auth-content{min-height:450px}.auth-content h2{color:#333;font-size:28px;font-weight:600;margin-bottom:8px;margin-top:0}.auth-content .auth-subtitle{color:#666;font-size:16px;margin:0 0 30px}@media (max-width:1024px){.landing-layout{gap:30px;grid-template-columns:1fr}.landing-auth{position:static}.landing-auth .auth-card{margin:0 auto;max-width:500px}.features-grid,.testimonials-grid{grid-template-columns:1fr}}@media (max-width:768px){.landing-hero{padding:60px 20px 40px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-features{align-items:flex-start;flex-direction:column;gap:15px}.landing-main{padding:40px 20px}.info-section{padding:30px 20px}.section-title{font-size:24px}.features-grid,.testimonials-grid{grid-template-columns:1fr}.video-placeholder{min-height:250px;padding:40px 20px}.video-placeholder-icon{font-size:48px}.video-placeholder-text{font-size:18px}.video-placeholder-subtext{font-size:14px}.auth-content{min-height:auto}.auth-content h2{font-size:24px}}@media (max-width:480px){.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.landing-auth .auth-card{padding:30px 20px}.auth-tabs{flex-wrap:wrap}.auth-tab{font-size:13px;padding:10px 12px}.auth-content{min-height:auto}.auth-content h2{font-size:22px}}
/*# sourceMappingURL=main.52fe4c34.css.map*/