:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.dashboard{max-width:1400px;margin:0 auto;padding:100px 20px 60px}.tool-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.tool-card:hover{border-color:var(--card-color,#6366f1);box-shadow:0 8px 32px rgba(var(--card-color,#6366f1), .2);transform:translateY(-4px)}.tool-icon{background:linear-gradient(135deg, var(--card-color,#6366f1) 0%, var(--card-color,#6366f1)99 100%);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.tool-info h3{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.subscription-loading{color:#a0a0b0;justify-content:center;align-items:center;min-height:400px;display:flex}.subscription-wall{min-height:400px;position:relative}.wall-blur{filter:blur(8px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.wall-content{z-index:10;width:100%;max-width:420px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wall-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#14141ef2;border:1px solid #8b5cf64d;border-radius:24px;padding:40px 32px;box-shadow:0 20px 60px #8b5cf633}.wall-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.wall-title{color:#fff;margin:0 0 12px;font-size:24px;font-weight:700}.wall-desc{color:#a0a0b0;margin:0 0 24px;font-size:14px;line-height:1.6}.wall-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s}.wall-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.wall-features{text-align:left;border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px}.wall-features h4{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.wall-features ul{margin:0;padding:0;list-style:none}.wall-features li{color:#a0a0b0;padding:6px 0;font-size:13px}.pro-badge,.team-badge{letter-spacing:.5px;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.pro-badge{color:#8b5cf6;background:#8b5cf633}.team-badge{color:#f59e0b;background:#f59e0b33}.resume-builder-page{max-width:1400px;margin:0 auto;padding:2rem}.builder-layout{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=1100px){.builder-layout{grid-template-columns:1fr}}.builder-form{background:#ffffff0d;border-radius:12px;padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-section h3{color:#fff;margin-bottom:1rem}.template-card{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.template-card:hover{border-color:#667eea80}.template-card.active{background:#667eea1a;border-color:#667eea}.template-preview{aspect-ratio:3/4;border-radius:4px;flex-direction:column;gap:.25rem;width:100%;padding:.25rem;display:flex}.template-line{border-radius:2px;height:4px}.template-card span{color:#888;font-size:.75rem}.tabs{border-bottom:1px solid #ffffff1a;gap:.5rem;margin-bottom:1rem;display:flex}.tabs button{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1rem;transition:all .2s}.tabs button:hover{color:#fff}.tabs button.active{color:#667eea;border-bottom-color:#667eea}.form-content{flex-direction:column;gap:1rem;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:#888;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.form-group textarea{resize:vertical;min-height:80px}.hint{color:#666;margin-top:.5rem;font-size:.75rem}.experience-item{background:#0003;border-radius:8px;padding:1rem}.builder-preview{flex-direction:column;display:flex}.preview-header h3{color:#fff}.resume-preview{color:#333;background:#fff;border-radius:8px;flex:1;max-height:700px;padding:2rem;overflow:auto;box-shadow:0 10px 40px #0000004d}.resume-header{text-align:center;border-bottom:2px solid var(--primary,#667eea);margin-bottom:1.5rem;padding-bottom:1.5rem}.resume-header h1{margin-bottom:.25rem;font-size:1.75rem}.resume-title{color:#666;margin-bottom:1rem}.resume-contact{color:#666;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.75rem;display:flex}.resume-contact span{align-items:center;gap:.25rem;display:flex}.resume-section{margin-bottom:1.5rem}.resume-section h2{color:var(--primary,#667eea);border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.resume-section p{color:#444;font-size:.875rem;line-height:1.6}.exp-item{margin-bottom:1rem}.exp-header{justify-content:space-between;margin-bottom:.25rem;display:flex}.exp-header strong{color:#222}.exp-header span{color:#888;font-size:.75rem}.desc{color:#666!important;font-size:.8rem!important}.skills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{background:var(--primary,#667eea);color:#fff;border-radius:4px;padding:.25rem .75rem;font-size:.75rem}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.product-3d-page{max-width:1400px;margin:0 auto;padding:2rem}.showcase-layout{grid-template-columns:200px 1fr 280px;gap:1.5rem;display:grid}@media (width<=1100px){.showcase-layout{grid-template-columns:1fr}}.product-list{background:#ffffff0d;border-radius:12px;padding:1rem}.product-list h3{color:#fff;margin-bottom:1rem;font-size:1rem}.product-item{color:#888;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex}.product-item:hover{color:#fff;background:#ffffff14}.product-item.active{color:#fff;background:#667eea33;border-color:#667eea}.product-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.viewer{cursor:grab;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.viewer:active{cursor:grabbing}.product-3d-model{flex-direction:column;align-items:center;gap:1rem;transition:transform .1s;display:flex}.cube-container{perspective:800px;width:200px;height:200px}.cube{width:100%;height:100%;transform-style:preserve-3d;position:relative}.cube-face{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff4d;width:200px;height:200px;position:absolute}.cube-face.front{transform:translateZ(100px)}.cube-face.back{transform:rotateY(180deg)translateZ(100px)}.cube-face.left{transform:rotateY(-90deg)translateZ(100px)}.cube-face.right{transform:rotateY(90deg)translateZ(100px)}.cube-face.top{transform:rotateX(90deg)translateZ(100px)}.cube-face.bottom{transform:rotateX(-90deg)translateZ(100px)}.product-label{color:#fff;font-size:1.25rem;font-weight:600}.viewer-hint{color:#666;align-items:center;gap:.5rem;font-size:.75rem;display:flex;position:absolute;bottom:1rem}.viewer-controls button.active{background:#667eea66;border-color:#667eea}.info-panel{background:#ffffff0d;border-radius:12px;padding:1.5rem}.info-panel h3{color:#fff;margin-bottom:1rem}.info-item .label{color:#888;font-size:.875rem}.info-item .value{color:#fff;align-items:center;gap:.5rem;font-weight:500;display:flex}.color-dot{border-radius:4px;width:16px;height:16px}.virtual-tour-page{max-width:1400px;margin:0 auto;padding:2rem}.tour-layout{grid-template-columns:280px 1fr 280px;gap:1.5rem;display:grid}@media (width<=1100px){.tour-layout{grid-template-columns:1fr}}.property-list{background:#ffffff0d;border-radius:12px;padding:1rem}.property-list h3{color:#fff;margin-bottom:1rem;font-size:1rem}.property-card{cursor:pointer;text-align:left;background:#ffffff08;border:2px solid #0000;border-radius:10px;width:100%;margin-bottom:.75rem;transition:all .2s;overflow:hidden}.property-card:hover{border-color:#667eea4d;transform:translateY(-2px)}.property-card.active{border-color:#667eea}.property-image{color:#ffffff80;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;height:100px;display:flex}.property-info{padding:.75rem}.property-info h4{color:#fff;margin-bottom:.25rem;font-size:.9rem}.property-info .price{color:#667eea;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.property-meta{color:#888;gap:.75rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.property-meta span{align-items:center;gap:.25rem;display:flex}.property-info .location{color:#666;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.rating{color:#f39c12;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.vr-container{flex-direction:column;gap:1rem;display:flex}.panorama-view{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;min-height:450px;position:relative;overflow:hidden}.panorama-bg{background:linear-gradient(#667eea4d 0%,#764ba233 50%,#1a1a2ecc 100%);position:absolute;inset:0}.panorama-gradient{transform:rotateY(var(--angle,0deg));background:repeating-linear-gradient(90deg,#0000,#0000 2%,#ffffff05 2% 4%);position:absolute;inset:0}.hotspot{color:#fff;cursor:pointer;z-index:10;background:#667eeacc;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;transition:all .2s;display:flex;position:absolute}.hotspot:hover{background:#667eea;transform:scale(1.05)}.hotspot-1{top:50%;right:2rem}.hotspot-2{top:50%;left:2rem}.room-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:10;background:#000000b3;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:absolute;bottom:1rem;left:1rem}.room-overlay h4{margin-bottom:.25rem;font-size:1rem}.room-overlay p{color:#aaa;font-size:.75rem}.vr-controls{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.vr-controls button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.vr-controls button:hover{background:#667eea4d;border-color:#667eea}.vr-controls button.active{background:#667eea66;border-color:#667eea}.vr-controls .separator{background:#ffffff1a;width:1px;height:30px;margin:0 .5rem}.room-selector{background:#ffffff0d;border-radius:10px;gap:.5rem;padding:.5rem;display:flex}.room-btn{color:#888;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.75rem;transition:all .2s;display:flex}.room-btn.active{color:#667eea;background:#667eea33;border-color:#667eea}.room-btn span{font-size:.75rem}.detail-panel{background:#ffffff0d;border-radius:12px;padding:1.5rem}.detail-panel h3{color:#fff;margin-bottom:1rem}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.detail-header h4{color:#fff;font-size:1rem}.favorite-btn{color:#888;cursor:pointer;background:0 0;border:none;transition:color .2s}.favorite-btn:hover{color:#ef4444}.detail-price{color:#667eea;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.detail-item{background:#0003;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}.detail-item .label{color:#888}.detail-item .value{color:#fff;font-weight:500}.tour-features{margin-bottom:1.5rem}.tour-features h4{color:#888;margin-bottom:.75rem;font-size:.875rem}.tour-features ul{margin:0;padding:0;list-style:none}.tour-features li{color:#aaa;padding:.5rem 0 .5rem 1.5rem;font-size:.8rem;position:relative}.tour-features li:before{content:"✓";color:#4ade80;position:absolute;left:0}.contact-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;width:100%;padding:.875rem;font-weight:600;transition:all .2s}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.ai-customer-page{max-width:1400px;margin:0 auto;padding:2rem}.chatbot-layout{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}@media (width<=1000px){.chatbot-layout{grid-template-columns:1fr}}.settings-panel{background:#ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.settings-panel h3{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.setting-item{margin-bottom:1rem}.setting-item label{color:#888;margin-bottom:.5rem;font-size:.875rem;display:block}.setting-item input[type=range]{width:calc(100% - 40px);margin-right:.5rem}.setting-item select{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:.5rem}.upload-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem 1rem}.chat-area{background:#ffffff0d;border-radius:16px;flex-direction:column;height:600px;display:flex}.chat-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.bot-info{align-items:center;gap:.75rem;display:flex}.bot-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bot-info h4{color:#fff;margin-bottom:.125rem}.bot-info .status{color:#4ade80;font-size:.75rem}.chat-header button{color:#888;cursor:pointer;background:0 0;border:none;padding:.5rem;transition:color .2s}.chat-header button:hover{color:#fff}.messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.message{gap:.75rem;animation:.3s fade-in;display:flex}.message.assistant{align-self:flex-start}.message.user{flex-direction:row-reverse;align-self:flex-end}.message .avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.message.assistant .avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.message.user .avatar{color:#888;background:#ffffff1a}.message .content{max-width:70%}.message .bubble{border-radius:16px;padding:1rem;line-height:1.6}.message.assistant .bubble{color:#fff;background:#ffffff1a;border-top-left-radius:4px}.message.user .bubble{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-top-right-radius:4px}.message .bubble p{margin:0}.message-meta{color:#666;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;display:flex}.message.user .message-meta{justify-content:flex-end}.message .actions{gap:.25rem;display:flex}.message .actions button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.message .actions button:hover{color:#fff;background:#ffffff1a}.message .actions button.active{color:#667eea}.typing{background:#ffffff1a;border-radius:4px 16px 16px;align-items:center;gap:4px;padding:1rem;display:flex}.typing span{background:#667eea;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{width:0}to{width:100%}}.quick-replies{gap:.5rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.quick-replies button{color:#667eea;white-space:nowrap;cursor:pointer;background:#667eea33;border:1px solid #667eea4d;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.quick-replies button:hover{background:#667eea66;border-color:#667eea}.input-area{border-top:1px solid #ffffff1a;gap:.75rem;padding:1rem 1.5rem;display:flex}.input-area input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:24px;flex:1;padding:.875rem 1rem;font-size:.9rem}.input-area input:focus{border-color:#667eea;outline:none}.input-area input::placeholder{color:#666}.input-area button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.input-area button:hover:not(:disabled){transform:scale(1.05)}.input-area button:disabled{opacity:.5;cursor:not-allowed}.stats-panel{background:#ffffff0d;border-radius:12px;padding:1.5rem}.stats-panel h3{color:#fff;margin-bottom:1rem}.stat-card{background:#0003;border-radius:10px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.stat-card div{flex-direction:column;display:flex}.stat-card .value{color:#fff;font-size:1.25rem;font-weight:700}.stat-card .label{color:#888;font-size:.75rem}.analytics-page{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-content{flex-direction:column;gap:1.5rem;display:flex}.dashboard-controls{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.time-selector{gap:.5rem;display:flex}.time-selector button{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.time-selector button:hover{color:#fff}.time-selector button.active{color:#667eea;background:#667eea33;border-color:#667eea}.action-buttons{gap:.5rem;display:flex}.control-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.control-btn:hover{color:#fff;background:#ffffff1a}.control-btn .spinning{animation:1s linear infinite spin}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;transition:all .2s}.kpi-card:hover{background:#ffffff14;transform:translateY(-2px)}.kpi-header{color:#888;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.kpi-label{font-size:.875rem}.kpi-value{color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.kpi-change{align-items:center;gap:.25rem;font-size:.8rem;display:flex}.kpi-change.positive{color:#4ade80}.kpi-change.negative{color:#ef4444}.kpi-change .period{color:#666;margin-left:.5rem}.charts-row{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.charts-row{grid-template-columns:1fr}}.chart-card{background:#ffffff0d;border-radius:12px;padding:1.5rem}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.chart-header h3{color:#fff;align-items:center;gap:.5rem;font-size:1rem;display:flex}.icon-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:.25rem}.bar-chart{justify-content:space-around;align-items:flex-end;height:200px;padding-top:1rem;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.bar-container{justify-content:center;align-items:flex-end;width:100%;height:160px;display:flex}.bar{background:linear-gradient(#667eea,#764ba2);border-radius:4px 4px 0 0;width:60%;max-width:40px;transition:height .3s}.bar:hover{background:linear-gradient(#7c8ff5,#8a5eb3)}.bar-label{color:#888;font-size:.75rem}.bar-value{color:#667eea;font-size:.7rem}.pie-container{align-items:center;gap:2rem;display:flex}.pie-visual{flex-shrink:0;width:160px;height:160px}.pie-visual svg{width:100%;height:100%}.pie-legend{flex-direction:column;flex:1;gap:.75rem;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}.legend-item .dot{border-radius:3px;width:12px;height:12px}.legend-item .source{color:#888;flex:1;font-size:.8rem}.legend-item .percent{color:#fff;font-size:.8rem;font-weight:500}.products-card{background:#ffffff0d;border-radius:12px;padding:1.5rem}.products-card .chart-header{margin-bottom:1rem}.view-all{color:#667eea;cursor:pointer;background:#667eea33;border:1px solid #667eea4d;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.view-all:hover{background:#667eea66}.products-table{border-collapse:collapse;width:100%}.products-table th,.products-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.875rem}.products-table th{color:#888;font-size:.8rem;font-weight:500}.products-table td{color:#fff;font-size:.875rem}.products-table .rank{color:#667eea;background:#667eea33;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:600;display:inline-flex}.products-table .revenue{color:#4ade80;font-weight:500}.detail-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}.detail-btn:hover{color:#fff;background:#ffffff1a}.poster-factory-page{max-width:1400px;margin:0 auto;padding:2rem}.factory-layout{grid-template-columns:300px 1fr 350px;gap:1.5rem;display:grid}@media (width<=1100px){.factory-layout{grid-template-columns:1fr}}.template-section,.editor-section,.preview-section{background:#ffffff0d;border-radius:12px;padding:1.5rem}.template-section h3,.editor-section h3,.preview-section h3{color:#fff;margin-bottom:1rem}.template-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.template-thumb{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:1rem;transition:all .2s;display:flex}.template-thumb:hover{border-color:#667eea;transform:scale(1.02)}.template-thumb.active{border-color:#fff;box-shadow:0 0 20px #fff3}.thumb-text{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:.9rem;font-weight:600}.thumb-name{color:#ffffffb3;margin-top:.25rem;font-size:.7rem}.form-group input,.form-group textarea{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.size-buttons{gap:.5rem;display:flex}.size-buttons button{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:.5rem}.size-buttons button:hover{color:#fff;border-color:#667eea}.size-buttons button.active{color:#667eea;background:#667eea33;border-color:#667eea}.btn-preview,.btn-export{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-preview{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn-export:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.poster-preview{aspect-ratio:9/16;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;max-height:450px;padding:2rem;display:flex}.poster-content{text-align:center}.poster-content h1{color:#fff;text-shadow:0 4px 8px #0000004d;margin-bottom:.5rem}.poster-content .subtitle{color:#ffffffe6;font-size:1.25rem}.poster-content .custom-text{color:#fffc;margin-top:1rem;font-size:.875rem}.poster-brand{color:#ffffff80;font-size:.75rem;position:absolute;bottom:1rem;right:1rem}.preview-hint{text-align:center;color:#666;margin-top:1rem;font-size:.75rem}.advanced-section{background:#ffffff0d;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.advanced-section h3{color:#fff;margin-bottom:1rem}@media (width<=900px){.size-grid{grid-template-columns:repeat(3,1fr)}}.size-option{cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;padding:.75rem;transition:all .2s;display:flex}.size-option:hover{border-color:#667eea}.size-name{color:#fff;font-size:.8rem;font-weight:500}.size-value{color:#666;font-size:.7rem}.logo-maker-page{max-width:1400px;margin:0 auto;padding:2rem}.maker-layout{grid-template-columns:350px 1fr;gap:2rem;display:grid}@media (width<=900px){.maker-layout{grid-template-columns:1fr}}.controls-section,.preview-section{background:#ffffff0d;border-radius:12px;padding:1.5rem}.controls-section h3{color:#fff;margin-top:1.5rem;margin-bottom:1rem}.controls-section h3:first-child{margin-top:0}.form-group input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem}.style-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.style-option{cursor:pointer;text-align:left;background:#0003;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;padding:.75rem;transition:all .2s;display:flex}.style-option:hover{border-color:#667eea}.style-option.active{background:#667eea33;border-color:#667eea}.style-name{color:#fff;margin-bottom:.25rem;font-weight:500}.style-desc{color:#666;font-size:.75rem}.color-row{gap:1rem;margin-bottom:.75rem;display:flex}.color-input{flex-direction:column;flex:1;gap:.5rem;display:flex}.color-input label{color:#888;font-size:.8rem}.color-input input[type=color]{cursor:pointer;border:none;border-radius:8px;width:100%;height:40px}.color-input span{color:#666;font-family:monospace;font-size:.7rem}.color-presets{flex-wrap:wrap;gap:.5rem;display:flex}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;transition:all .2s}.color-preset:hover{border-color:#fff;transform:scale(1.15)}.shape-row{gap:.75rem;display:flex}.shape-btn{color:#888;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.shape-btn:hover{color:#fff;border-color:#667eea}.shape-btn.active{color:#667eea;background:#667eea33;border-color:#667eea}.action-buttons{gap:.75rem;margin-top:1.5rem;display:flex}.btn-random,.btn-export{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-random{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn-export{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.preview-section h3{color:#fff;margin-bottom:1rem}.logo-preview{background:#0000004d;border-radius:16px;justify-content:center;align-items:center;min-height:300px;padding:3rem;display:flex}.logo-main{flex-direction:column;align-items:center;gap:1rem;display:flex}.logo-icon{width:120px;height:120px;color:var(--primary);background:#ffffff1a;border-radius:24px;justify-content:center;align-items:center;display:flex}.logo-icon.style-bold{border-radius:16px}.logo-icon.style-elegant{border-radius:50%}.logo-icon.style-playful{border-radius:30px}.logo-icon.style-vintage{border-radius:0}.logo-text{color:var(--primary);margin:0}.logo-tagline{color:#888;font-size:.9rem}.preview-info{text-align:center;color:#666;margin-top:1rem;font-size:.8rem}.preview-info p{margin:.25rem 0}.variants{margin-top:1.5rem}.variants h4{color:#888;margin-bottom:.75rem;font-size:.875rem}.variant-row{gap:.75rem;display:flex}.variant-preview{border-radius:8px;flex:1;justify-content:center;align-items:center;height:60px;font-size:.75rem;font-weight:500;display:flex}.interior-preview-page{max-width:1400px;margin:0 auto;padding:2rem}@media (width<=1100px){.preview-layout{grid-template-columns:1fr}}.room-panel,.info-panel{background:#ffffff0d;border-radius:12px;padding:1.5rem}.room-panel h3,.info-panel h3{color:#fff;margin-bottom:1rem;font-size:1rem}.room-list{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.room-btn{color:#888;cursor:pointer;background:#0003;border:2px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.875rem;transition:all .2s;display:flex}.room-btn:hover{color:#fff;background:#0000004d}.room-btn.active{border-color:var(--room-color);color:#fff;background:#667eea26}.style-list{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.style-btn{cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.style-btn:hover{border-color:#667eea}.style-btn.active{background:#667eea26;border-color:#667eea}.style-colors{gap:4px;display:flex}.style-colors span{border-radius:4px;width:16px;height:16px}.style-btn span:last-child{color:#888;font-size:.8rem}.furniture-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.furniture-btn{cursor:pointer;background:#0003;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:.75rem;transition:all .2s;display:flex}.furniture-btn:hover{border-color:#667eea}.furniture-emoji{font-size:1.5rem}.furniture-btn span{color:#888;font-size:.7rem}.viewer-container{flex-direction:column;gap:1rem;display:flex}.viewer{background:var(--room-bg);perspective:1000px;border-radius:16px;min-height:450px;position:relative;overflow:hidden}.room-scene{width:100%;height:100%;min-height:450px;transition:transform .3s;position:relative}.room-floor{background:linear-gradient(#636e72 0%,#2d3436 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.room-wall{position:absolute}.wall-back{background:linear-gradient(#dfe6e9 0%,#b2bec3 100%);height:60%;top:0;left:10%;right:10%}.wall-left{background:linear-gradient(90deg,#b2bec3 0%,#636e72 100%);width:10%;height:50%;top:10%;left:0}.wall-right{background:linear-gradient(270deg,#b2bec3 0%,#636e72 100%);width:10%;height:50%;top:10%;right:0}.furniture-scene{gap:2rem;font-size:3rem;display:flex;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.room-label{gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.room-label span{color:#fff;background:#00000080;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.style-label{color:#667eea!important}.light-toggle{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.light-toggle:hover{background:#000000b3}.viewer-controls{background:#ffffff0d;border-radius:12px;justify-content:center;gap:.5rem;padding:1rem;display:flex}.viewer-controls button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.viewer-controls button:hover{background:#667eea4d;border-color:#667eea}.info-card{background:#0003;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.info-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.5rem 0;display:flex}.info-item:last-child{border-bottom:none}.info-item .label{color:#888}.info-item .value{color:#fff;font-weight:500}.color-scheme h4{color:#888;margin-bottom:.75rem;font-size:.875rem}.scheme-colors{gap:.5rem;display:flex}.scheme-color{border-radius:6px;flex:1;justify-content:center;align-items:center;height:40px;display:flex}.scheme-color span{color:#00000080;font-size:.65rem}.ar-tryon-page{max-width:1400px;margin:0 auto;padding:2rem}.tryon-layout{grid-template-columns:280px 1fr 280px;gap:1.5rem;display:grid}@media (width<=1000px){.tryon-layout{grid-template-columns:1fr}}.items-panel,.info-panel{background:#ffffff0d;border-radius:12px;padding:1.5rem}.items-panel h3,.info-panel h3{color:#fff;margin-bottom:1rem}.category-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.category-tabs button{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;transition:all .2s}.category-tabs button:hover{color:#fff;border-color:#667eea}.category-tabs button.active{color:#667eea;background:#667eea33;border-color:#667eea}.items-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:400px;display:grid;overflow-y:auto}.item-card{cursor:pointer;background:#0003;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;padding:.75rem;transition:all .2s;display:flex}.item-card:hover{border-color:#667eea}.item-card.active{background:#667eea26;border-color:#667eea}.item-preview{border-radius:8px;width:50px;height:50px;margin-bottom:.5rem}.item-name{color:#fff;font-size:.8rem;font-weight:500}.item-category{color:#666;font-size:.7rem}.camera-panel{flex-direction:column;gap:1rem;display:flex}.camera-container{aspect-ratio:4/3;background:#000;border-radius:16px;position:relative;overflow:hidden}.camera-feed{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.grid-overlay{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 calc(25% - 1px),#ffffff4d calc(25% - 1px) 25%),repeating-linear-gradient(90deg,#0000,#0000 calc(25% - 1px),#ffffff4d calc(25% - 1px) 25%);position:absolute;inset:0}.captured-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-controls,.adjust-controls{gap:.75rem;display:flex}.camera-controls button,.adjust-controls button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.camera-controls button:hover:not(:disabled),.adjust-controls button:hover{background:#667eea4d;border-color:#667eea}.camera-controls button:disabled,.adjust-controls button:disabled{opacity:.5;cursor:not-allowed}.adjust-controls button.active{background:#667eea4d;border-color:#667eea}.glasses-overlay{position:absolute;top:30%;left:50%;transform:translate(-50%)}.glasses-frame{align-items:center;gap:8px;display:flex}.glasses-frame .lens{border:4px solid var(--item-color);background:#ffffff1a;border-radius:8px;width:80px;height:50px}.glasses-frame.round .lens{border-radius:50%}.glasses-frame.sport .lens{border-radius:4px;height:40px}.glasses-frame .bridge{background:var(--item-color);border-radius:3px;width:20px;height:6px}.glasses-frame .temple{background:var(--item-color);border-radius:2px;width:30px;height:4px}.watch-overlay{position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.watch-band{background:var(--item-color);border-radius:8px;width:60px;height:100px;margin:0 auto}.watch-face{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:-30px auto 0;display:flex}.watch-time{color:#333;font-size:10px;font-weight:700}.earring-overlay{gap:80px;display:flex;position:absolute;top:35%;left:50%;transform:translate(-50%)}.earring{flex-direction:column;align-items:center;display:flex}.earring-detail{background:var(--item-color);border-radius:0 0 10px 10px;width:20px;height:40px}.earring .earring-detail{border-radius:10px 10px 0 0}.necklace-overlay{flex-direction:column;align-items:center;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%)}.chain{background:var(--item-color);width:120px;height:2px}.pendant{color:var(--item-color);margin-top:-15px;font-size:30px}.selected-info{background:#0003;border-radius:10px;padding:1rem}.info-preview{border-radius:8px;width:100%;height:80px;margin-bottom:1rem}.info-details h4{color:#fff;margin-bottom:.5rem}.info-details p{color:#888;margin:.25rem 0;font-size:.8rem}.info-actions{gap:.5rem;margin-top:1rem;display:flex}.info-actions .action-btn{color:#888;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8rem;display:flex}.hint{color:#666;text-align:center;padding:2rem}.feature-list{margin-top:1.5rem}.feature-list li{color:#aaa;padding:.5rem 0 .5rem 1.5rem;font-size:.8rem;position:relative}.feature-list li:before{content:"✓";color:#4ade80;position:absolute;left:0}.crm-page{max-width:1400px;margin:0 auto;padding:2rem}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{color:#fff;font-size:1.25rem;font-weight:700}.crm-layout{grid-template-columns:1fr 350px;gap:1.5rem;display:grid}@media (width<=1000px){.crm-layout{grid-template-columns:1fr}}.list-section,.detail-section{background:#ffffff0d;border-radius:12px;padding:1.5rem}.list-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-box{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.5rem 1rem;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1}.search-box input::placeholder{color:#666}.filter-tabs{gap:.5rem;display:flex}.filter-tabs button{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.filter-tabs button:hover{color:#fff;border-color:#667eea}.filter-tabs button.active{color:#667eea;background:#667eea33;border-color:#667eea}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex}.customer-table{overflow-x:auto}.customer-table table{border-collapse:collapse;width:100%}.customer-table th,.customer-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.875rem}.customer-table th{color:#888;font-size:.8rem;font-weight:500}.customer-table tr{cursor:pointer;transition:background .2s}.customer-table tr:hover{background:#ffffff08}.customer-table tr.selected{background:#667eea1a}.customer-name{align-items:center;gap:.75rem;display:flex}.customer-name .avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.customer-name strong{color:#fff;display:block}.customer-name span{color:#666;font-size:.8rem}.customer-table td{color:#888;vertical-align:middle;font-size:.875rem;display:table-cell}.customer-table td svg{vertical-align:middle;margin-right:.25rem}.status-badge{background:var(--status-color);color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.large{padding:.5rem 1rem;font-size:.875rem}.value{color:#10b981!important;font-weight:500!important}.icon-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.375rem;transition:all .2s}.icon-btn:hover{color:#fff;background:#ffffff1a}.detail-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.customer-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.customer-info h2{color:#fff;margin-bottom:.25rem}.customer-info p{color:#888;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.detail-contacts{background:#0003;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.contact-item{color:#888;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.detail-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.detail-stat{text-align:center;background:#0003;border-radius:10px;padding:1rem}.detail-stat .label{color:#888;font-size:.8rem;display:block}.detail-stat .value{color:#fff;margin-top:.25rem;font-size:1.1rem;font-weight:600;display:block}.detail-tags h4{color:#888;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:#667eea;background:#667eea33;border:1px solid #667eea4d;border-radius:12px;padding:.375rem .75rem;font-size:.8rem}.add-tag{color:#666;cursor:pointer;background:#ffffff1a;border:1px dashed #fff3;border-radius:12px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.detail-actions{gap:.75rem;display:flex}.action-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;display:flex}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.no-selection{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.no-selection p{margin-top:1rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#888;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.appointment-page{max-width:1400px;margin:0 auto;padding:2rem}.appointment-layout{grid-template-columns:320px 1fr 280px;gap:1.5rem;display:grid}@media (width<=1100px){.appointment-layout{grid-template-columns:1fr}}.calendar-section,.stats-section{background:#ffffff0d;border-radius:12px;padding:1.5rem}.schedule-section{background:#ffffff0d;border-radius:12px;padding:1.5rem;overflow:hidden}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-header h3{color:#fff}.calendar-header button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem}.calendar-header button:hover{color:#fff;background:#ffffff1a}.calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;display:grid}.calendar-weekdays span{color:#666;padding:.5rem;font-size:.8rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;background:#0003;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;position:relative}.calendar-day:hover{border-color:#667eea}.calendar-day.empty{cursor:default;background:0 0}.calendar-day.selected{background:#667eea4d;border-color:#667eea}.calendar-day.today{border-color:#667eea}.day-number{color:#fff;font-size:.9rem}.calendar-day.empty .day-number{color:#444}.appointment-dot{background:#667eea;border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.new-appointment-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.875rem;font-weight:500;display:flex}.schedule-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.schedule-header h3{color:#fff}.schedule-header .count{color:#888;font-size:.875rem}.schedule-timeline{max-height:500px;overflow-y:auto}.time-slot{gap:1rem;margin-bottom:.75rem;display:flex}.time-label{color:#666;width:60px;padding-top:.5rem;font-size:.8rem}.slot-content{flex:1;min-height:60px}.appointment-card{border-left:3px solid var(--status-color);background:#0003;border-radius:8px;padding:.875rem}.appointment-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.appointment-time{color:#888;align-items:center;gap:.25rem;font-size:.8rem;display:flex}.appointment-card h4{color:#fff;margin-bottom:.25rem}.appointment-card p{color:#888;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.appointment-footer{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.type-tag{color:#888;background:#ffffff1a;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.appointment-footer .actions{gap:.25rem;display:flex}.appointment-footer .actions button{color:#888;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.25rem .5rem}.appointment-footer .actions button:hover{color:#fff;background:#667eea4d}.add-slot{color:#666;cursor:pointer;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.8rem;display:flex}.add-slot:hover{color:#667eea;border-color:#667eea}.stats-section h3{color:#fff;margin-bottom:1rem}.stats-cards{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-item{text-align:center;background:#0003;border-radius:10px;padding:1rem}.stat-item .value{color:#fff;font-size:1.5rem;font-weight:700;display:block}.stat-item .label{color:#888;margin-top:.25rem;font-size:.75rem;display:block}.upcoming-section h4{color:#888;margin-bottom:.75rem;font-size:.875rem}.upcoming-item{border-bottom:1px solid #ffffff0d;gap:1rem;padding:.75rem 0;display:flex}.upcoming-date{text-align:center;background:#667eea33;border-radius:8px;width:48px;padding:.5rem}.upcoming-date .day{color:#fff;font-size:1.25rem;font-weight:700;display:block}.upcoming-date .month{color:#667eea;font-size:.7rem}.upcoming-info strong{color:#fff;font-size:.9rem;display:block}.upcoming-info p{color:#666;margin-top:.25rem;font-size:.75rem}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#14141ef2;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:450px;padding:2rem}.modal h3{color:#fff;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.type-options{gap:.5rem;display:flex}.type-option{color:#888;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.75rem;display:flex}.type-option:hover{color:#fff;border-color:#667eea}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.modal-actions button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1.5rem}.modal-actions button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.multiscreen-page{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:2rem}.page-header p{color:#a0a0b0;margin:0}.preview-layout{grid-template-columns:280px 1fr 260px;gap:1.5rem;display:grid}.controls-panel,.info-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.controls-panel h3,.info-panel h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.device-list{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.device-btn{color:#e0e0e0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.device-btn:hover{background:#ffffff1a}.device-btn.active{background:linear-gradient(135deg,#667eea4d 0%,#764ba24d 100%);border-color:#667eea80}.device-btn span:first-of-type{text-align:left;flex:1}.device-size{color:#888;font-size:.75rem}.url-list{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.url-btn{color:#e0e0e0;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem}.url-btn:hover{background:#ffffff1a}.url-btn.active{background:#667eea4d;border-color:#667eea80}.action-buttons{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.action-buttons button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;display:flex}.screenshot-preview{margin-bottom:1.5rem}.screenshot-preview h4{color:#a0a0b0;margin-bottom:.75rem;font-size:.875rem}.screenshot-preview img{border-radius:8px;width:100%;margin-bottom:.5rem}.screenshot-preview button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;display:flex}.feature-list{background:#667eea1a;border-radius:12px;padding:1rem}.feature-list h4{color:#667eea;margin-bottom:.75rem;font-size:.875rem}.feature-list ul{margin:0;padding:0;list-style:none}.feature-list li{color:#c0c0d0;padding:.35rem 0;font-size:.875rem}.feature-list li:before{content:"✓ ";color:#667eea}.preview-container{background:#0a0a15;border-radius:16px;justify-content:center;align-items:center;min-height:500px;padding:2rem;display:flex}.device-frame{background:#1a1a2e;border-radius:20px;max-width:100%;transition:transform .3s;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.device-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.device-dots{gap:6px;display:flex}.device-dots span{background:#fff3;border-radius:50%;width:10px;height:10px}.device-dots span:first-child{background:#ff5f57}.device-dots span:nth-child(2){background:#febc2e}.device-dots span:last-child{background:#28c840}.device-url{color:#888;background:#0000004d;border-radius:6px;flex:1;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8rem;display:flex}.device-actions{gap:.5rem;display:flex}.device-actions button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.35rem}.device-actions button:hover{color:#fff;background:#ffffff1a}.device-screen{background:#0f0f23;min-height:400px;padding:1rem}.mock-content{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;min-height:350px;padding:1.5rem}.mock-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.mock-logo{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.mock-nav{color:#888;gap:1.5rem;font-size:.875rem;display:flex}.mock-hero{text-align:center;padding:2rem 0}.mock-hero h1{color:#fff;margin-bottom:.5rem;font-size:2rem}.mock-hero p{color:#888;margin-bottom:1rem}.mock-hero button{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:.75rem 2rem;font-weight:500}.mock-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.mock-card{background:#ffffff0d;border-radius:12px;height:80px}.device-brand{color:#666;background:#ffffff0d;border-top:1px solid #ffffff1a;justify-content:space-between;padding:.75rem 1rem;font-size:.75rem;display:flex}.specs{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.spec-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.5rem 0;display:flex}.spec-item .label{color:#888;font-size:.875rem}.spec-item .value{color:#667eea;font-weight:500}.viewport-list{flex-direction:column;gap:.5rem;display:flex}.viewport-item{color:#c0c0d0;background:#ffffff08;border-radius:6px;justify-content:space-between;padding:.5rem .75rem;font-size:.8rem;display:flex}.viewport-item .size{color:#888}@media (width<=1200px){.preview-layout{grid-template-columns:1fr}.controls-panel,.info-panel{order:1}.preview-container{order:0}}.vr-page{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:2rem}.vr-layout{grid-template-columns:260px 1fr 280px;gap:1.5rem;display:grid}.scene-panel,.info-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.scene-panel h3,.info-panel h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.scene-list,.furniture-list{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.scene-btn{color:#e0e0e0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.scene-btn:hover{background:#ffffff1a}.scene-btn.active{background:linear-gradient(135deg,#667eea4d 0%,#764ba24d 100%);border-color:#667eea80}.scene-emoji{font-size:1.5rem}.scene-name{text-align:left;flex:1}.furniture-btn{color:#c0c0d0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.furniture-btn span:first-child{font-size:1.25rem}.furniture-btn:hover{background:#ffffff14}.furniture-btn.active{background:#667eea33;border-color:#667eea66}.viewport-area{flex-direction:column;gap:1rem;display:flex}.vr-viewport{aspect-ratio:16/9;cursor:crosshair;background:linear-gradient(#1a1a2e 0%,#0a0a15 100%);border:2px solid #667eea4d;border-radius:16px;position:relative;overflow:hidden}.vr-viewport.playing{border-color:#667eea99;box-shadow:0 0 30px #667eea4d}.room-scene{transform-style:preserve-3d;transition:transform .1s linear;position:absolute;inset:0}.floor{transform-origin:bottom;background:linear-gradient(#2a2a3e 0%,#1a1a2e 100%);height:60%;position:absolute;bottom:20%;left:10%;right:10%;transform:perspective(500px)rotateX(60deg)}.floor.grid{background:linear-gradient(#2a2a3e 0%,#1a1a2e 100%)}.grid-line-h,.grid-line-v{background:#667eea33;position:absolute}.grid-line-h{height:1px;left:0;right:0}.grid-line-v{width:1px;top:0;bottom:0}.wall{background:linear-gradient(#252540 0%,#1a1a30 100%);position:absolute}.wall-back{height:40%;top:20%;left:10%;right:10%}.wall-left{transform-origin:100%;width:20%;height:40%;top:20%;left:10%;transform:perspective(500px)rotateY(30deg)}.wall-right{transform-origin:0;width:20%;height:40%;top:20%;right:10%;transform:perspective(500px)rotateY(-30deg)}.ceiling{background:linear-gradient(#3a3a5e 0%,#252540 100%);border-radius:8px;height:15%;position:absolute;top:10%;left:20%;right:20%}.ceiling-light{background:radial-gradient(#ffffc8cc 0%,#ffc86466 50%,#0000 70%);border-radius:50%;width:60px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ffc86480}.furniture-item{flex-direction:column;align-items:center;transition:all .3s;display:flex;position:absolute}.furniture-emoji{filter:drop-shadow(0 4px 8px #00000080);font-size:2rem}.furniture-label{color:#888;background:#00000080;border-radius:4px;padding:2px 6px;font-size:.7rem}.crosshair{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-h,.crosshair-v{background:#ffffff80;position:absolute}.crosshair-h{width:20px;height:1px;top:0;left:-10px}.crosshair-v{width:1px;height:20px;top:-10px;left:0}.viewport-overlay{pointer-events:none;position:absolute;inset:0}.overlay-top,.overlay-bottom{justify-content:space-between;padding:1rem;display:flex;position:absolute;left:0;right:0}.overlay-top{top:0}.overlay-bottom{bottom:0}.scene-info,.fov-display{color:#fff;background:#0009;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.overlay-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#667eeae6;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;transition:all .3s;display:flex}.play-btn:hover{background:#667eea;transform:scale(1.05)}.play-btn span{font-size:.875rem}.controls-hint{color:#888;background:#0009;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.angle-display{color:#667eea;background:#0009;border-radius:20px;padding:.5rem 1rem;font-family:monospace;font-size:.875rem}.control-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.75rem;padding:1rem;display:flex}.control-bar button{color:#e0e0e0;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.control-bar button:hover{background:#ffffff26}.zoom-controls{align-items:center;gap:.5rem;margin-left:auto;display:flex}.zoom-controls button{padding:.5rem}.zoom-controls span{text-align:center;color:#667eea;min-width:50px;font-family:monospace}.scene-details{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.detail-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.5rem 0;display:flex}.detail-row .label{color:#888;font-size:.875rem}.detail-row .value{color:#667eea;font-weight:500}.shortcuts{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.shortcut{color:#c0c0d0;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.shortcut kbd{color:#fff;background:#ffffff1a;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.75rem}.tech-specs{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.spec-card{background:#667eea1a;border-radius:12px;flex-direction:column;align-items:center;padding:1rem;display:flex}.spec-value{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.spec-label{color:#888;margin-top:.25rem;font-size:.75rem}@media (width<=1200px){.vr-layout{grid-template-columns:1fr}.scene-panel,.info-panel{order:1}}.password-page{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:2rem}.password-layout{grid-template-columns:1fr 360px;gap:1.5rem;display:grid}.password-display{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.password-value{color:#667eea;word-break:break-all;letter-spacing:.05em;flex:1;font-family:Fira Code,Consolas,monospace;font-size:1.25rem}.password-value.masked{color:#888}.display-actions{gap:.5rem;display:flex}.display-actions button{color:#a0a0b0;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:.5rem;transition:all .2s}.display-actions button:hover:not(:disabled){color:#fff;background:#fff3}.display-actions button:disabled{opacity:.5;cursor:not-allowed}.strength-meter{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.strength-bar{flex:1;gap:4px;display:flex}.strength-segment{background:#ffffff1a;border-radius:3px;flex:1;height:6px;transition:all .3s}.strength-segment.active{box-shadow:0 0 10px}.strength-label{text-align:right;min-width:50px;font-size:.875rem;font-weight:600}.option-group{margin-bottom:1.5rem}.option-label{color:#a0a0b0;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;display:flex}.option-value{color:#667eea;font-size:1rem;font-weight:600}.length-slider{appearance:none;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:8px}.length-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 10px #667eea80}.slider-labels{color:#666;justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.char-sets{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.char-btn{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .5rem;transition:all .2s;display:flex}.char-btn:hover{background:#ffffff1a}.char-btn.active{color:#667eea;background:#667eea33;border-color:#667eea80}.char-label{font-size:1rem;font-weight:600}.char-desc{font-size:.7rem}.custom-input{color:#e0e0e0;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem}.custom-input:focus{border-color:#667eea80}.custom-input::placeholder{color:#666}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.side-panel{flex-direction:column;gap:1.5rem;display:flex}.side-panel>div{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.side-panel h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.preset-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.preset-btn{color:#c0c0d0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;transition:all .2s;display:flex}.preset-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.preset-icon{font-size:1.5rem}.preset-name{font-size:.8rem;font-weight:500}.preset-info{color:#888;font-size:.7rem}.clear-btn{color:#f87171;cursor:pointer;background:#ef444433;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;display:flex}.history-list{flex-direction:column;gap:.5rem;display:flex}.history-item{background:#0003;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.history-pwd{color:#a0a0b0;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:.8rem;overflow:hidden}.copy-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:.25rem}.copy-btn:hover{color:#667eea}.empty-history{color:#666;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.empty-history p{font-size:.875rem}@media (width<=900px){.password-layout{grid-template-columns:1fr}.char-sets{grid-template-columns:repeat(2,1fr)}}.translation-page{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:2rem}.translation-layout{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}.translation-main{flex-direction:column;gap:1.5rem;display:flex}.lang-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.lang-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.lang-group label{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.lang-group select{color:#e0e0e0;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.875rem}.swap-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;margin-top:1.25rem;padding:.75rem;transition:all .2s}.swap-btn:hover{transform:scale(1.1)}.presets{flex-wrap:wrap;gap:.5rem;display:flex}.preset-chip{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.4rem .75rem;font-size:.8rem;transition:all .2s}.preset-chip:hover{background:#ffffff1a}.preset-chip.active{color:#667eea;background:#667eea4d;border-color:#667eea80}.text-panels{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.text-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.input-panel{border-color:#667eea4d}.output-panel{border-color:#10b9814d}.panel-header{color:#a0a0b0;background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.panel-actions{gap:.5rem;display:flex}.panel-actions button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.35rem;transition:all .2s}.panel-actions button:hover:not(:disabled){color:#fff;background:#ffffff1a}.panel-actions button:disabled{opacity:.5;cursor:not-allowed}.panel-actions .filled{color:#fbbf24;fill:#fbbf24}.text-input{color:#e0e0e0;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:250px;padding:1rem;font-size:1rem;line-height:1.6}.text-input::placeholder{color:#666}.text-output{color:#10b981;flex:1;min-height:250px;padding:1rem;font-size:1rem;line-height:1.6}.panel-footer{background:#ffffff08;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.char-count{color:#666;font-size:.75rem}.translate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.translate-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66}.translate-btn:disabled{opacity:.5;cursor:not-allowed}.translation-sidebar{flex-direction:column;gap:1.5rem;display:flex}.sidebar-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem}.sidebar-section h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.8rem;font-weight:600}.toggle-btn{color:#a0a0b0;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;display:flex}.quick-translate{flex-direction:column;gap:.5rem;display:flex}.quick-btn{color:#c0c0d0;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.quick-btn:hover{background:#667eea33;border-color:#667eea4d}.history-list{flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.history-item{cursor:pointer;background:#0003;border-radius:6px;padding:.5rem .75rem;transition:all .2s}.history-item:hover{background:#ffffff1a}.history-lang{color:#888;margin-bottom:.25rem;font-size:.7rem}.history-text{color:#c0c0d0;font-size:.8rem;line-height:1.4}.history-time{color:#666;text-align:right;margin-top:.25rem;font-size:.65rem}.clear-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;width:100%;margin-top:.75rem;padding:.5rem;font-size:.75rem;display:flex}.clear-btn:hover{background:#ef444433}.empty-state{color:#666;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;display:flex}.favorites-list{flex-direction:column;gap:.5rem;display:flex}.favorite-item{background:#fbbf241a;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.favorite-item span{color:#fbbf24;cursor:pointer;flex:1;font-size:.8rem}.favorite-item button{color:#888;cursor:pointer;background:0 0;border:none;padding:.25rem}.language-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.language-item{background:#ffffff08;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem;display:flex}.lang-flag{font-size:1rem}.lang-name{color:#a0a0b0;font-size:.75rem}@media (width<=900px){.translation-layout,.text-panels{grid-template-columns:1fr}}.chart-page{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:2rem}.chart-layout{grid-template-columns:1fr 380px;gap:1.5rem;display:grid}.chart-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.chart-title-input{color:#fff;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;font-size:1.5rem;font-weight:600}.chart-title-input:focus{border-bottom-color:#667eea}.preview-actions button{color:#e0e0e0;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.chart-container{background:linear-gradient(#1a1a2e 0%,#0f0f23 100%);border-radius:12px;justify-content:center;align-items:center;min-height:350px;padding:2rem;display:flex}.chart-svg{width:100%;height:100%;max-height:300px}.chart-svg.pie{max-height:280px}.chart-legend{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.legend-item{background:#ffffff0d;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.legend-color{border-radius:3px;width:12px;height:12px}.legend-label{color:#a0a0b0;font-size:.8rem}.legend-value{color:#667eea;margin-left:.5rem;font-size:.8rem;font-weight:600}.settings-panel{flex-direction:column;gap:1rem;display:flex}.settings-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.settings-section h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.section-header h3{margin-bottom:0}.add-btn{color:#667eea;cursor:pointer;background:#667eea33;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.chart-types{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.type-btn{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;font-size:.75rem;transition:all .2s;display:flex}.type-btn:hover{background:#ffffff1a}.type-btn.active{color:#667eea;background:#667eea33;border-color:#667eea80}.data-editor{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.data-row{gap:.5rem;display:flex}.data-row input{color:#e0e0e0;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;padding:.5rem;font-size:.8rem}.data-row input:focus{border-color:#667eea80}.data-row input[type=number]{max-width:80px}.remove-btn{color:#f87171;cursor:pointer;background:#ef444433;border:none;border-radius:6px;width:28px;height:28px;padding:0;font-size:1rem;transition:all .2s}.remove-btn:hover:not(:disabled){background:#ef44444d}.remove-btn:disabled{opacity:.3;cursor:not-allowed}.options-list{flex-direction:column;gap:.5rem;display:flex}.option-toggle{cursor:pointer;color:#c0c0d0;background:#ffffff08;border-radius:6px;align-items:center;gap:.75rem;padding:.5rem;font-size:.8rem;display:flex}.option-toggle input{accent-color:#667eea;width:16px;height:16px}.color-presets{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:6px;transition:all .2s;display:flex;overflow:hidden}.color-preset:hover{transform:scale(1.05)}.color-preset.active{border-color:#fff}.color-preset span{width:12px;height:24px}.templates-list{flex-direction:column;gap:.5rem;display:flex}.templates-list button{color:#c0c0d0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.templates-list button:hover{color:#667eea;background:#667eea33;border-color:#667eea4d}@media (width<=900px){.chart-layout{grid-template-columns:1fr}}.form-builder-page{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:2rem}.form-builder-layout{grid-template-columns:300px 1fr 280px;gap:1.5rem;display:grid}.fields-panel,.editor-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.panel-section{margin-bottom:1.5rem}.panel-section:last-child{margin-bottom:0}.panel-section h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.form-meta{flex-direction:column;gap:.75rem;display:flex}.meta-input,.meta-textarea{color:#e0e0e0;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.75rem;font-size:.875rem}.meta-input:focus,.meta-textarea:focus{border-color:#667eea80}.meta-textarea{resize:vertical;min-height:60px}.field-types{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.field-type-btn{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;transition:all .2s;display:flex}.field-type-btn:hover{color:#667eea;background:#667eea33;border-color:#667eea4d}.fields-list{flex-direction:column;gap:.5rem;max-height:400px;display:flex;overflow-y:auto}.field-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.field-item:hover{background:#ffffff14}.field-item.selected{background:#667eea33;border-color:#667eea66}.field-info{flex-direction:column;gap:.25rem;display:flex}.field-label{color:#e0e0e0;font-size:.875rem;font-weight:500}.field-type{color:#888;font-size:.7rem}.field-actions{gap:.25rem;display:flex}.field-actions button{color:#a0a0b0;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;width:24px;height:24px;padding:0;font-size:.8rem}.field-actions button:hover:not(:disabled){background:#fff3}.field-actions button:disabled{opacity:.3;cursor:not-allowed}.field-actions .delete-btn:hover{color:#f87171;background:#ef44444d}.preview-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.preview-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.preview-header h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.preview-actions{gap:.5rem;display:flex}.preview-actions button{color:#e0e0e0;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.preview-actions button:hover{background:#ffffff26}.form-preview{background:#f5f5f5;border-radius:12px;max-height:600px;padding:1.5rem;overflow-y:auto}.preview-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000001a}.preview-title{color:#333;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.preview-desc{color:#666;margin-bottom:1.5rem;font-size:.875rem}.preview-field{margin-bottom:1rem}.preview-field label{color:#333;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.preview-field .required{color:#f5576c;margin-left:.25rem}.preview-field input,.preview-field textarea,.preview-field select{box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:8px;width:100%;padding:.75rem;font-size:.875rem}.preview-field textarea{resize:vertical;min-height:80px}.checkbox-preview,.radio-preview{flex-direction:column;gap:.5rem;display:flex}.checkbox-preview{flex-direction:row;align-items:center}.checkbox-preview span{color:#666;font-size:.875rem}.radio-preview label{color:#333;align-items:center;gap:.5rem;font-weight:400;display:flex}.preview-card .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;width:100%;margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:600}.editor-panel h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.8rem;font-weight:600}.editor-fields{flex-direction:column;gap:1rem;display:flex}.editor-field{flex-direction:column;gap:.5rem;display:flex}.editor-field label{color:#a0a0b0;font-size:.8rem}.editor-field input[type=text]{color:#e0e0e0;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem}.editor-field input[type=text]:focus{border-color:#667eea80}.checkbox-label{cursor:pointer;color:#c0c0d0;background:#ffffff08;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;font-size:.8rem;display:flex}.options-editor{flex-direction:column;gap:.5rem;display:flex}.option-row{gap:.5rem;display:flex}.option-row input{flex:1}.option-row button{color:#f87171;cursor:pointer;background:#ef444433;border:none;border-radius:4px;width:28px;height:28px;padding:0;font-size:1rem}.add-option{color:#667eea;cursor:pointer;background:#667eea33;border:1px dashed #667eea66;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;font-size:.8rem;display:flex}.no-selection{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:200px;display:flex}.no-selection p{font-size:.875rem}@media (width<=1200px){.form-builder-layout{grid-template-columns:1fr}}.gradient-page{background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:2rem}.gradient-layout{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}.generator-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.gradient-preview{border-radius:12px;justify-content:center;align-items:center;height:200px;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.preview-overlay{background:#0000004d;border-radius:8px;padding:.75rem 1.5rem}.preview-text{color:#fff;font-size:.875rem;font-weight:500}.color-stops{margin-bottom:1.5rem}.color-stops h3,.gradient-controls h3,.code-section h3,.presets-section h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.stops-list{flex-direction:column;gap:.75rem;display:flex}.stop-item{background:#0003;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.color-picker-wrapper{position:relative}.color-picker{opacity:0;cursor:pointer;width:32px;height:32px;position:absolute}.color-swatch{cursor:pointer;border:2px solid #fff3;border-radius:6px;width:32px;height:32px}.color-input{color:#e0e0e0;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100px;padding:.5rem;font-family:monospace;font-size:.8rem}.color-input:focus{border-color:#667eea80}.position-slider{appearance:none;background:#ffffff1a;border-radius:2px;flex:1;height:4px}.position-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:14px;height:14px}.remove-stop{color:#f87171;cursor:pointer;background:#ef444433;border:none;border-radius:6px;padding:.5rem;transition:all .2s}.remove-stop:hover:not(:disabled){background:#ef44444d}.remove-stop:disabled{opacity:.3;cursor:not-allowed}.add-stop{color:#667eea;cursor:pointer;background:#667eea1a;border:1px dashed #667eea66;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.75rem;padding:.75rem;font-size:.875rem;transition:all .2s;display:flex}.add-stop:hover{background:#667eea33}.gradient-controls{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.control-group label{color:#a0a0b0;font-size:.8rem}.type-toggle{gap:.5rem;display:flex}.type-toggle button{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.8rem;transition:all .2s;display:flex}.type-toggle button:hover{background:#ffffff1a}.type-toggle button.active{color:#667eea;background:#667eea33;border-color:#667eea66}.angle-selector{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.angle-selector button{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem;font-size:.75rem}.angle-selector button:hover{background:#ffffff1a}.angle-selector button.active{color:#667eea;background:#667eea4d;border-color:#667eea80}.angle-slider{appearance:none;background:#ffffff1a;border-radius:3px;flex:1;height:6px}.angle-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;width:18px;height:18px}.angle-value{text-align:right;color:#667eea;min-width:50px;font-weight:600}.gradient-actions{gap:.75rem;display:flex}.action-btn{color:#e0e0e0;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.action-btn.primary:hover{box-shadow:0 4px 15px #667eea66}.sidebar-panel{flex-direction:column;gap:1.5rem;display:flex}.sidebar-panel>div{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem}.code-section h3,.presets-section h3,.tips-section h3{color:#a0a0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.code-block{background:#0000004d;border-radius:8px;margin-bottom:.5rem;padding:.75rem;position:relative}.code-block code{color:#a5d6ff;word-break:break-all;font-family:Fira Code,monospace;font-size:.75rem}.code-block .copy-btn{color:#888;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.35rem;position:absolute;top:.5rem;right:.5rem}.code-block .copy-btn:hover{color:#fff;background:#fff3}.preset-item{cursor:pointer;border:none;border-radius:8px;height:60px;transition:all .2s;position:relative;overflow:hidden}.preset-item:hover{transform:scale(1.02);box-shadow:0 4px 15px #0000004d}.preset-name{color:#fff;text-align:center;background:#00000080;padding:.35rem;font-size:.65rem;position:absolute;bottom:0;left:0;right:0}.favorite-btn{color:#fff;cursor:pointer;opacity:0;background:#fff3;border:none;border-radius:4px;padding:.25rem;transition:opacity .2s;position:absolute;top:.35rem;right:.35rem}.preset-item:hover .favorite-btn,.favorite-btn.active{opacity:1}.tips-section ul{margin:0;padding:0;list-style:none}.tips-section li{color:#c0c0d0;border-bottom:1px solid #ffffff0d;padding:.5rem 0;font-size:.8rem}.tips-section li:last-child{border-bottom:none}.tips-section li:before{content:"✓ ";color:#10b981;margin-right:.5rem}@media (width<=900px){.gradient-layout{grid-template-columns:1fr}}.devtools-page{padding-top:80px}.devtools-hero{text-align:center;background:linear-gradient(#6366f11a 0%,#0000 100%);padding:80px 20px 60px}.hero-content{max-width:800px;margin:0 auto}.hero-badge{color:#6366f1;background:#6366f11a;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;display:inline-flex}.hero-title{color:#fff;margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.2}.hero-description{color:#a0a0b0;margin:0 0 32px;font-size:18px;line-height:1.6}.hero-actions{justify-content:center;gap:16px;margin-bottom:48px;display:flex}.btn-primary,.btn-secondary{border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);box-shadow:0 8px 32px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf680}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.hero-stats{justify-content:center;gap:60px;display:flex}.stat{text-align:center}.stat-value{color:#fff;margin-bottom:4px;font-size:32px;font-weight:700;display:block}.stat-label{color:#a0a0b0;font-size:14px}.devtools-section{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.tool-category{margin-bottom:48px}.category-title{color:#fff;align-items:center;gap:10px;margin:0 0 20px;font-size:20px;font-weight:600;display:flex}.category-title svg{color:#6366f1}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.tool-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.tool-card:hover:not(.locked){border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.tool-card.locked{opacity:.7}.tool-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tool-info h3{color:#fff;align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:600;display:flex}.tool-info p{color:#a0a0b0;margin:0;font-size:13px}.plan-badge{border-radius:4px;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.plan-badge.pro{color:#8b5cf6;background:#8b5cf633}.plan-badge.team{color:#f59e0b;background:#f59e0b33}.lock-overlay{color:#fff;opacity:0;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.tool-card.locked:hover .lock-overlay{opacity:1}.devtools-cta{background:linear-gradient(#0000 0%,#8b5cf61a 100%);padding:80px 20px}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{color:#fff;margin:0 0 12px;font-size:32px;font-weight:700}.cta-content p{color:#a0a0b0;margin:0 0 24px;font-size:16px}.btn-cta{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 32px #8b5cf666}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf680}@media (width<=768px){.hero-title{font-size:32px}.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:20px}}.quick-tools-section{max-width:1200px;margin:0 auto;padding:0 20px 60px}.quick-tools-section .section-header{text-align:center;margin-bottom:24px}.quick-tools-section .section-header h2{color:#fff;justify-content:center;align-items:center;gap:10px;margin:0 0 8px;font-size:20px;font-weight:600;display:flex}.quick-tools-section .section-header h2 svg{color:#8b5cf6}.quick-tools-section .section-header p{color:#a0a0b0;margin:0;font-size:14px}.quick-tools-grid{grid-template-columns:repeat(8,1fr);gap:12px;display:grid}.quick-tool-card{background:#14141e99;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;text-decoration:none;transition:all .3s;display:flex}.quick-tool-card:hover{border-color:var(--tool-color,#8b5cf6);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf626}.quick-tool-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.quick-tool-card span{color:#fff;font-size:12px;font-weight:500}.features-section{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.features-section .section-header{text-align:center;margin-bottom:40px}.features-section .section-header h2{color:#fff;justify-content:center;align-items:center;gap:10px;margin:0 0 8px;font-size:28px;font-weight:700;display:flex}.features-section .section-header h2 svg{color:#f59e0b}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-card{text-align:center;background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s}.feature-card:hover{border-color:#8b5cf64d;transform:translateY(-2px)}.feature-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.feature-card h3{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.feature-card p{color:#a0a0b0;margin:0;font-size:13px;line-height:1.5}@media (width<=900px){.quick-tools-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.quick-tools-grid{grid-template-columns:repeat(4,1fr);gap:8px}.quick-tool-card{padding:12px 4px}.quick-tool-icon{width:36px;height:36px}.features-grid{grid-template-columns:1fr}}.pricing-page{max-width:1200px;margin:0 auto;padding:100px 20px 60px}.pricing-header{text-align:center;margin-bottom:60px}.pricing-title{color:#fff;margin:0 0 16px;font-size:42px;font-weight:700}.pricing-subtitle{color:#a0a0b0;margin:0;font-size:18px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:80px;display:grid}.pricing-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e99;border:1px solid #ffffff1a;border-radius:24px;padding:32px;transition:all .3s;position:relative}.pricing-card:hover{border-color:var(--plan-color,#6366f1);transform:translateY(-4px)}.pricing-card.popular{border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf633}.pricing-card.current{background:#8b5cf61a}.popular-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-header{text-align:center;margin-bottom:24px}.plan-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.plan-name{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700}.plan-description{color:#a0a0b0;margin:0;font-size:14px}.plan-price{text-align:center;margin-bottom:24px}.plan-price .price{color:var(--plan-color,#fff);font-size:48px;font-weight:700}.plan-price .period{color:#a0a0b0;font-size:16px}.plan-button{cursor:pointer;border-radius:12px;width:100%;margin-bottom:24px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s}.plan-button.outline{color:#fff;background:0 0;border:1px solid #fff3}.plan-button.outline:hover{border-color:#fff}.plan-button.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none}.plan-button.primary:hover{box-shadow:0 8px 24px #8b5cf666}.plan-button.team{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none}.plan-button.team:hover{box-shadow:0 8px 24px #f59e0b66}.plan-button:disabled{opacity:.6;cursor:not-allowed}.plan-features h4{color:#fff;margin:0 0 16px;font-size:14px;font-weight:600}.plan-features ul{margin:0;padding:0;list-style:none}.plan-features li{align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.plan-features li.included{color:#fff}.plan-features li.included svg{color:#10b981}.plan-features li.not-included,.plan-features li.not-included span{color:#6b7280}.pricing-faq{margin-top:60px}.pricing-faq h2{color:#fff;text-align:center;margin-bottom:40px;font-size:32px;font-weight:700}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.faq-item{background:#14141e66;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.faq-item h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.faq-item p{color:#a0a0b0;margin:0;font-size:14px;line-height:1.6}@media (width<=768px){.pricing-page{padding:80px 16px 40px}.pricing-title{font-size:32px}.pricing-grid{grid-template-columns:1fr}}.encryption-page{max-width:800px;margin:0 auto;padding:100px 20px 60px}.mode-tabs{gap:8px;margin-bottom:24px;display:flex}.mode-tab{color:#a0a0b0;cursor:pointer;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mode-tab:hover{color:#fff;border-color:#fff3}.mode-tab.active{color:#8b5cf6;background:#8b5cf633;border-color:#8b5cf6}.controls{gap:16px;margin-bottom:24px;display:flex}.control-group{flex:1}.control-group label,.password-section label{color:#a0a0b0;margin-bottom:8px;font-size:13px;font-weight:500;display:block}select,.password-section input{color:#fff;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}select:focus,.password-section input:focus{border-color:#8b5cf6}.input-section,.output-section{margin-bottom:24px}.input-header,.output-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.input-header label,.output-header label{color:#a0a0b0;font-size:13px;font-weight:500}.btn-text{color:#8b5cf6;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:background .2s;display:flex}textarea{color:#fff;resize:vertical;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;height:120px;padding:16px;font-family:Monaco,Menlo,monospace;font-size:14px;transition:border-color .2s}.password-section{margin-bottom:24px}.action-buttons{gap:12px;margin-bottom:24px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;flex:1}.btn-primary:hover{box-shadow:0 8px 24px #8b5cf666}.btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #fff3}.btn-secondary:hover{background:#ffffff1a}.jwt-page{max-width:900px;margin:0 auto;padding:100px 20px 60px}.token-input{margin-bottom:24px}.token-input label{color:#a0a0b0;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.token-input textarea{color:#fff;resize:vertical;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;height:100px;padding:16px;font-family:Monaco,Menlo,monospace;font-size:13px}.token-input textarea:focus{border-color:#8b5cf6}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.decoded-sections{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.decoded-section{background:#14141e99;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.section-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.section-header h3{color:#fff;margin:0;font-size:14px;font-weight:600}.btn-copy{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .2s;display:flex}.btn-copy:hover{background:#8b5cf633}.section-content{padding:16px}.section-content pre{color:#e4e4e7;white-space:pre-wrap;word-break:break-all;margin:0;font-family:Monaco,Menlo,monospace;font-size:13px}.section-content.signature code{color:#a0a0b0;word-break:break-all;font-family:Monaco,Menlo,monospace;font-size:12px}.section-info{background:#ffffff05;border-top:1px solid #ffffff0d;gap:8px;padding:12px 16px;display:flex}.info-tag{color:#8b5cf6;background:#8b5cf61a;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.info-tag.warning{color:#f59e0b;background:#f59e0b1a}.claims-list{flex-direction:column;gap:8px;display:flex}.claim-item{background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.claim-name{color:#8b5cf6;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:500}.claim-value{color:#e4e4e7;align-items:center;gap:6px;font-family:Monaco,Menlo,monospace;font-size:13px;display:flex}.claim-value.expired{color:#ef4444}.status-card{border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.status-card.valid{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.status-card.expired{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.status-card strong{margin-bottom:2px;font-size:15px;display:block}.status-card p{opacity:.8;margin:0;font-size:13px}.jwt-structure{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.structure-part{background:#ffffff08;border-radius:8px;flex:1;min-width:150px;padding:12px}.structure-part .part-label{color:#8b5cf6;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.structure-part .part-desc{color:#a0a0b0;font-size:12px}.dot{color:#6366f1;font-size:24px;font-weight:700}.uuid-page{max-width:800px;margin:0 auto;padding:100px 20px 60px}.controls{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.control-group label{color:#a0a0b0;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.control-group select,.v5-inputs input{color:#fff;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:14px}.control-group select:focus,.v5-inputs input:focus{border-color:#8b5cf6}.v5-inputs{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.input-group label{color:#a0a0b0;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.version-info{color:#a0a0b0;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.version-badge{color:#8b5cf6;background:#8b5cf633;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.uuid-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.uuid-item{background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.uuid-item code{color:#e4e4e7;letter-spacing:1px;flex:1;font-family:Monaco,Menlo,monospace;font-size:14px}.copy-btn{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.versions-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.version-card{background:#ffffff05;border-radius:10px;padding:16px}.version-card h4{color:#8b5cf6;margin:0 0 8px;font-size:16px;font-weight:600}.version-card p{color:#a0a0b0;margin:0 0 12px;font-size:12px}.version-card ul{margin:0;padding:0;list-style:none}.version-card li{color:#6b7280;padding:4px 0;font-size:12px}@media (width<=768px){.controls,.v5-inputs,.versions-grid{grid-template-columns:1fr}}.hash-page{max-width:800px;margin:0 auto;padding:100px 20px 60px}.input-section{margin-bottom:24px}.input-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.input-header label{color:#a0a0b0;font-size:13px;font-weight:500}textarea{color:#fff;resize:vertical;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;height:120px;padding:16px;font-family:Monaco,Menlo,monospace;font-size:14px}textarea:focus{border-color:#8b5cf6}.loading{color:#a0a0b0;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.spinner{border:2px solid #8b5cf64d;border-top-color:#8b5cf6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.results-section{margin-bottom:24px}.results-section h3{color:#fff;margin:0 0 16px;font-size:14px;font-weight:600}.result-item{background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:12px;padding:16px}.result-header{justify-content:space-between;margin-bottom:8px;display:flex}.alg-name{color:#8b5cf6;font-size:14px;font-weight:600}.alg-time{color:#6b7280;font-size:12px}.result-value{align-items:center;gap:8px;display:flex}.result-value code{color:#e4e4e7;word-break:break-all;background:#0003;border-radius:6px;flex:1;padding:8px 12px;font-family:Monaco,Menlo,monospace;font-size:13px}.copy-btn{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.alg-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.alg-card{background:#ffffff05;border-radius:10px;padding:14px}.alg-card h4{color:#8b5cf6;margin:0 0 6px;font-size:14px;font-weight:600}.alg-card p{color:#a0a0b0;margin:0 0 8px;font-size:12px;line-height:1.5}.alg-length{color:#6b7280;background:#ffffff0d;border-radius:4px;padding:3px 8px;font-size:11px}.alg-length.safe{color:#10b981;background:#10b9811a}.cron-page{max-width:900px;margin:0 auto;padding:100px 20px 60px}.options-bar{gap:20px;margin-bottom:20px;display:flex}.cron-output{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:12px;margin-bottom:24px;padding:20px}.cron-value{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cron-value code{color:#fff;letter-spacing:2px;font-family:Monaco,Menlo,monospace;font-size:24px}.cron-description{color:#a0a0b0;font-size:15px}.cron-fields{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.field-group{background:#14141e99;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.field-group label{color:#8b5cf6;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.field-group input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Monaco,Menlo,monospace;font-size:14px}.field-group input:focus{border-color:#8b5cf6}.quick-select{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.quick-select button{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:5px 10px;font-size:12px;transition:all .2s}.quick-select button:hover{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf64d}.quick-select button.active{color:#8b5cf6;background:#8b5cf633;border-color:#8b5cf6}.presets-section{margin-bottom:24px}.presets-section h3{color:#fff;margin:0 0 16px;font-size:14px;font-weight:600}.presets-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.preset-btn{cursor:pointer;text-align:left;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:flex-start;padding:12px 14px;transition:all .2s;display:flex}.preset-btn:hover{background:#8b5cf61a;border-color:#8b5cf680}.preset-btn.active{background:#8b5cf626;border-color:#8b5cf6}.preset-label{color:#fff;margin-bottom:4px;font-size:14px;font-weight:600}.preset-desc{color:#6b7280;font-size:11px}.guide-section{background:#14141e66;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.guide-section h3{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:flex}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.guide-item{color:#a0a0b0;align-items:center;gap:10px;font-size:13px;display:flex}.guide-field{color:#8b5cf6;background:#8b5cf61a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Monaco,Menlo,monospace;font-size:14px;display:inline-flex}.yaml-page{max-width:1100px;margin:0 auto;padding:100px 20px 60px}.converter{grid-template-columns:1fr auto 1fr;gap:16px;margin-bottom:24px;display:grid}.converter-side{flex-direction:column;display:flex}.side-actions{gap:8px;display:flex}.converter-actions{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-top:40px;display:flex}.swap-btn{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:2px;padding:8px;transition:all .2s;display:flex}.swap-btn:hover{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf64d}.convert-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.convert-btn:hover{box-shadow:0 4px 16px #8b5cf666}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.info-section ul{margin:0;padding:0;list-style:none}.info-section li{color:#a0a0b0;padding:6px 0 6px 16px;font-size:13px;position:relative}.info-section li:before{content:"•";color:#8b5cf6;position:absolute;left:0}@media (width<=900px){.converter{grid-template-columns:1fr}.converter-actions{flex-direction:row;padding:12px 0}}.sql-page{max-width:1100px;margin:0 auto;padding:100px 20px 60px}.options-bar{align-items:center;gap:24px;margin-bottom:20px;display:flex}.checkbox-label{cursor:pointer;color:#a0a0b0;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input{accent-color:#8b5cf6;width:16px;height:16px}.select-group{align-items:center;gap:8px;display:flex}.select-group label{color:#a0a0b0;font-size:14px}.select-group select{color:#fff;background:#14141e99;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-size:13px}.sql-editor{grid-template-columns:1fr auto 1fr;gap:16px;margin-bottom:24px;display:grid}.editor-side{flex-direction:column;display:flex}.side-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.side-header label{color:#8b5cf6;font-size:13px;font-weight:600}.btn-text{color:#8b5cf6;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.btn-text:hover{background:#8b5cf61a}.code-input,.code-output{color:#fff;resize:none;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;min-height:350px;padding:16px;font-family:Monaco,Menlo,monospace;font-size:13px}.code-input:focus{border-color:#8b5cf6}.code-output{background:#0000004d}.format-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:8px;align-self:center;height:fit-content;padding:12px 20px;font-size:14px;font-weight:600}.format-btn:hover{box-shadow:0 4px 16px #8b5cf666}.dialect-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.dialect-tags span{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;padding:4px 12px;font-size:12px}.note{color:#a0a0b0;margin:0;font-size:13px}@media (width<=900px){.sql-editor{grid-template-columns:1fr}.format-btn{justify-self:center}}.placeholder-page{max-width:900px;margin:0 auto;padding:100px 20px 60px}.preview-section{margin-bottom:24px}.preview-container{justify-content:center;align-items:center;display:flex}.controls-section{background:#14141e99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:24px}.control-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.control-group{flex-direction:column;gap:8px;display:flex}.control-group.full{grid-column:1/-1}.control-group label{color:#a0a0b0;font-size:13px;font-weight:500}.control-group input[type=number],.control-group input[type=text]{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.control-group input:focus{border-color:#8b5cf6}.color-input{gap:8px;display:flex}.color-input input[type=color]{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:44px;height:44px;padding:2px}.color-input input[type=text]{flex:1;font-family:Monaco,monospace}.format-buttons{gap:8px;display:flex}.format-buttons button{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.format-buttons button:hover{background:#8b5cf61a;border-color:#8b5cf64d}.format-buttons button.active{color:#8b5cf6;background:#8b5cf633;border-color:#8b5cf6}.url-section{margin-bottom:24px}.url-section label{color:#a0a0b0;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.url-input{gap:8px;display:flex}.url-input input{color:#fff;background:#14141e99;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:12px 16px;font-family:Monaco,monospace;font-size:13px}.url-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;transition:all .2s;display:flex}.url-btn:hover{background:#8b5cf61a;border-color:#8b5cf64d}.url-btn.primary{background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none}.url-btn.primary:hover{box-shadow:0 4px 16px #8b5cf666}.quick-sizes{background:#14141e66;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.quick-sizes h3{color:#fff;margin:0 0 16px;font-size:14px;font-weight:600}.size-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.size-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:flex-start;padding:12px;transition:all .2s;display:flex}.size-btn:hover{background:#8b5cf61a;border-color:#8b5cf64d}.size-name{color:#fff;margin-bottom:4px;font-size:13px;font-weight:500}.size-dim{color:#6b7280;font-size:11px}.faker-page{max-width:900px;margin:0 auto;padding:100px 20px 60px}.type-selector{margin-bottom:20px}.type-selector label{color:#a0a0b0;margin-bottom:10px;font-size:13px;font-weight:500;display:block}.type-buttons{flex-wrap:wrap;gap:8px;display:flex}.type-buttons button{color:#a0a0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.type-buttons button:hover{color:#fff;background:#8b5cf61a;border-color:#8b5cf64d}.type-buttons button.active{color:#8b5cf6;background:#8b5cf633;border-color:#8b5cf6}.options-row{gap:20px;margin-bottom:20px;display:flex}.option-group{flex-direction:column;gap:8px;display:flex}.option-group label{color:#a0a0b0;font-size:13px;font-weight:500}.option-group select{color:#fff;background:#14141e99;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:13px}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:14px;font-size:15px;font-weight:600;display:flex}.generate-btn:hover{box-shadow:0 8px 24px #8b5cf666}.output-section{margin-bottom:24px}.output-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.output-header label{color:#a0a0b0;font-size:13px;font-weight:500}.action-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.action-btn:hover{background:#8b5cf61a}.action-btn.primary{color:#8b5cf6;background:#8b5cf633;border-color:#8b5cf64d}.output-code{color:#e4e4e7;resize:vertical;background:#14141e99;border:1px solid #ffffff1a;border-radius:10px;width:100%;height:300px;padding:16px;font-family:Monaco,Menlo,monospace;font-size:13px}.info-section{background:#14141e66;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.info-section h3{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.fields-list{flex-wrap:wrap;gap:8px;display:flex}.field-tag{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;padding:4px 10px;font-family:Monaco,monospace;font-size:12px}.template-page{max-width:1400px;margin:0 auto;padding:100px 20px 60px}.template-layout{grid-template-columns:280px 1fr;gap:24px;min-height:600px;display:grid}.template-sidebar{background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;max-height:700px;padding:20px;overflow-y:auto}.category-group{margin-bottom:24px}.category-group:last-child{margin-bottom:0}.category-title{color:#8b5cf6;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:12px;font-weight:600}.template-info{flex-direction:column;gap:2px;min-width:0;display:flex}.template-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.template-framework{color:#6b7280;font-size:11px}.template-content{background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.empty-state{color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.empty-state svg{opacity:.5;margin-bottom:20px}.empty-state h3{color:#a0a0b0;margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px}@media (width<=900px){.template-layout{grid-template-columns:1fr}.template-sidebar{max-height:300px}}.deploy-page{max-width:1400px;margin:0 auto;padding:100px 20px 60px}.deploy-layout{grid-template-columns:300px 1fr;gap:24px;min-height:600px;display:grid}.deploy-sidebar{background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.deploy-sidebar h3{color:#14b8a6;margin:0 0 16px;font-size:14px;font-weight:600}.template-list{flex-direction:column;gap:8px;display:flex}.template-item{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:14px;transition:all .2s;display:flex}.template-item:hover{background:#14b8a61a;border-color:#14b8a633}.template-item.active{background:#14b8a626;border-color:#14b8a6}.template-icon{color:#14b8a6;background:#14b8a633;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.template-info{flex-direction:column;gap:2px;display:flex}.template-name{color:#fff;font-size:14px;font-weight:500}.template-desc{color:#6b7280;font-size:11px}.deploy-content{background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.content-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.template-details h2{color:#fff;margin:0 0 4px;font-size:20px;font-weight:600}.template-details p{color:#a0a0b0;margin:0;font-size:14px}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14b8a6 0%,#06b6d4 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.file-tabs{background:#0003;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:4px;padding:12px 24px;display:flex}.file-tab{color:#a0a0b0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.file-tab:hover{color:#fff;background:#ffffff0d}.file-tab.active{color:#14b8a6;background:#14b8a633;border-color:#14b8a64d}.code-viewer{flex-direction:column;flex:1;display:flex;overflow:hidden}.code-header{background:#0003;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.file-name{color:#a0a0b0;font-family:Monaco,Menlo,monospace;font-size:13px}.copy-btn{color:#14b8a6;cursor:pointer;background:#14b8a61a;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .2s;display:flex}.code-content{color:#e4e4e7;white-space:pre;background:#0000004d;flex:1;margin:0;padding:20px 24px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;overflow:auto}@media (width<=900px){.deploy-layout{grid-template-columns:1fr}}.apidoc-page{max-width:1400px;margin:0 auto;padding:100px 20px 60px}.apidoc-layout{grid-template-columns:400px 1fr;gap:24px;min-height:600px;display:grid}.apidoc-config{flex-direction:column;gap:20px;display:flex}.config-section{background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.config-section h3{color:#f59e0b;margin:0 0 16px;font-size:14px;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{margin:0}.add-btn{color:#f59e0b;cursor:pointer;background:#f59e0b33;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.add-btn:hover{background:#f59e0b4d}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#a0a0b0;margin-bottom:6px;font-size:12px;display:block}.form-group input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#f59e0b;outline:none}.endpoint-item{background:#0003;border-radius:10px;margin-bottom:12px;padding:12px}.endpoint-row{gap:8px;margin-bottom:8px;display:flex}.method-select{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;width:90px;padding:8px;font-size:12px;font-weight:600}.method-select.get{color:#10b981}.method-select.post{color:#3b82f6}.method-select.put{color:#f59e0b}.method-select.delete{color:#ef4444}.method-select.patch{color:#8b5cf6}.path-input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:8px 12px;font-family:monospace;font-size:13px}.path-input:focus,.summary-input:focus{border-color:#f59e0b;outline:none}.summary-input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:8px 12px;font-size:13px}.remove-btn{color:#ef4444;cursor:pointer;background:#ef444433;border:none;border-radius:6px;width:28px;height:28px;font-size:16px;transition:all .2s}.remove-btn:hover{background:#ef44444d}.apidoc-output{background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.output-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.format-tabs{gap:4px;display:flex}.format-tabs button{color:#a0a0b0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.format-tabs button:hover{color:#fff;background:#ffffff0d}.format-tabs button.active{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b4d}.output-actions{gap:8px;display:flex}.output-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.copy-btn{color:#f59e0b;background:#f59e0b1a}.copy-btn:hover{background:#f59e0b33}.download-btn{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.download-btn:hover{box-shadow:0 4px 12px #f59e0b4d}.output-content{color:#e4e4e7;background:#0000004d;flex:1;margin:0;padding:20px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;overflow:auto}@media (width<=900px){.apidoc-layout{grid-template-columns:1fr}}.git-page{max-width:1200px;margin:0 auto;padding:100px 20px 60px}.page-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.header-icon{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.page-header h1{color:#fff;margin:0 0 4px;font-size:28px;font-weight:700}.page-header p{color:#a0a0b0;margin:0;font-size:14px}.git-layout{grid-template-columns:200px 1fr;gap:24px;display:grid}.git-sidebar{background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;height:fit-content;padding:20px}.git-sidebar h3{color:#f43f5e;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:12px;font-weight:600}.category-list{flex-direction:column;gap:4px;display:flex}.category-item{color:#a0a0b0;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.category-item:hover{color:#fff;background:#f43f5e1a}.category-item.active{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e4d}.category-item .count{background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:11px}.git-content{background:#14141e99;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.content-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.content-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.content-header .tip{color:#6b7280;font-size:12px}.commands-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.command-item{background:#0003;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:8px 16px;padding:16px;transition:all .2s;display:grid}.command-item:hover{background:#0000004d}.command-info{grid-area:1/1}.command-info h4{color:#fff;margin:0 0 4px;font-size:14px;font-weight:600}.command-info p{color:#6b7280;margin:0;font-size:12px}.command-copy{color:#f43f5e;cursor:pointer;background:#f43f5e1a;border:none;border-radius:6px;grid-area:1/2;align-items:center;gap:6px;height:fit-content;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.command-copy:hover{background:#f43f5e33}.command-copy.copied{color:#10b981;background:#10b98133}.command-code{background:#0000004d;border-radius:8px;grid-area:2/1/auto/-1;align-items:center;gap:10px;padding:10px 12px;font-family:Monaco,Menlo,monospace;display:flex}.command-code svg{color:#f43f5e;flex-shrink:0}.command-code code{color:#e4e4e7;font-size:13px}.custom-section{border-top:1px solid #ffffff1a;padding-top:24px}.custom-section h3{color:#a0a0b0;margin:0 0 16px;font-size:14px;font-weight:600}.custom-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s;display:flex}.custom-input:focus-within{border-color:#f43f5e}.custom-input svg{color:#f43f5e;flex-shrink:0}.custom-input input{color:#fff;background:0 0;border:none;flex:1;font-family:Monaco,Menlo,monospace;font-size:14px}.custom-input input:focus{outline:none}.custom-input input::placeholder{color:#6b7280}.custom-input button{color:#f43f5e;cursor:pointer;background:#f43f5e33;border:none;border-radius:6px;padding:8px;transition:all .2s}.custom-input button:hover{background:#f43f5e4d}@media (width<=768px){.git-layout{grid-template-columns:1fr}.git-sidebar{order:2}.category-list{flex-flow:wrap;gap:8px}.category-item{padding:8px 12px}}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#14141ecc;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--border-color:#ffffff1a;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--orb-1:#6366f14d;--orb-2:#8b5cf64d;--orb-3:#d946ef33}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes blink{50%{border-color:#0000}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fade-in{animation:.6s ease-out forwards fade-in}input,textarea,select{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .3s}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}input::placeholder,textarea::placeholder{color:var(--text-secondary)}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page{min-height:100vh;padding:80px 20px 40px}