body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.font-sign{font-family:Syne,sans-serif;font-weight:700}:root{--dressr-primary: #18181b;--dressr-secondary: #3f3f46;--dressr-muted: #71717a;--dressr-border: #e4e4e7;--dressr-bg: #fafafa;--dressr-card: #ffffff}.font-inter{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-weight:400}.font-syne{font-family:Syne,sans-serif;font-weight:700}.dressr-hero{background:var(--dressr-bg);border-radius:16px;padding:28px 32px;color:var(--dressr-primary);position:relative;overflow:hidden;border:1px solid var(--dressr-border)}.dressr-hero-content{position:relative;z-index:1}.dressr-hero h1{font-size:28px;font-weight:400;margin:0 0 8px}.dressr-hero p{margin:0;font-size:15px;color:var(--dressr-muted)}.dressr-stats-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}@media(max-width:900px){.dressr-stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.dressr-stats-grid{grid-template-columns:1fr}}.dressr-stat-card{position:relative;background:var(--dressr-card);border-radius:14px;padding:20px 24px;border:1px solid var(--dressr-border);display:flex;align-items:center;gap:16px;transition:all .2s ease}.dressr-stat-card:hover{border-color:var(--dressr-secondary);box-shadow:0 4px 12px #0000000a}.dressr-stat-card.highlight{background:var(--dressr-bg)}.dressr-stat-icon{width:42px;height:42px;border-radius:12px;background:var(--dressr-bg);border:1px solid var(--dressr-border);display:flex;align-items:center;justify-content:center;color:var(--dressr-secondary)}.dressr-stat-info{flex:1}.dressr-stat-value{font-family:Syne,sans-serif;font-size:26px;font-weight:700;color:var(--dressr-primary);line-height:1.2}.dressr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.dressr-two-col{grid-template-columns:1fr}}.dressr-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dressr-feature-card{border-radius:12px;padding:24px;background:#fff;border:1px solid #e5e7eb;transition:all .2s ease}.dressr-feature-card:hover{border-color:var(--dressr-primary);box-shadow:0 4px 20px #1a1a2e1a}.dressr-feature-icon{width:48px;height:48px;border-radius:12px;background:var(--dressr-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px}.dressr-progress-ring{position:relative;width:120px;height:120px}.dressr-progress-ring svg{transform:rotate(-90deg)}.dressr-progress-ring circle{fill:none;stroke-width:8;stroke-linecap:round}.dressr-progress-ring .bg{stroke:var(--dressr-border)}.dressr-progress-ring .progress{stroke:var(--dressr-primary);transition:stroke-dashoffset .5s ease}.dressr-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.dressr-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.dressr-badge.pro{background:var(--dressr-primary);color:#fff}.dressr-badge.free{background:var(--dressr-bg);color:var(--dressr-muted);border:1px solid var(--dressr-border)}.dressr-step{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:10px;transition:background .2s ease}.dressr-step:hover{background:var(--dressr-bg)}.dressr-step-number{width:28px;height:28px;border-radius:8px;background:var(--dressr-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.dressr-step-content h4{margin:0 0 2px;font-weight:600;font-size:14px;color:var(--dressr-primary)}.dressr-step-content p{margin:0;color:var(--dressr-muted);font-size:13px}.dressr-action-btn{display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--dressr-card);border:1px solid var(--dressr-border);cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.dressr-action-btn:hover{border-color:var(--dressr-secondary);background:var(--dressr-bg)}.dressr-action-btn .icon{width:38px;height:38px;border-radius:10px;background:var(--dressr-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dressr-action-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.dressr-steps{display:flex;flex-direction:column;gap:4px}.dressr-main-grid{display:grid;grid-template-columns:320px 1fr;gap:20px}@media(max-width:800px){.dressr-main-grid{grid-template-columns:1fr}}.dressr-usage-card{background:var(--dressr-card);border:1px solid var(--dressr-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.dressr-usage-header{display:flex;justify-content:space-between;align-items:center}.dressr-usage-content{display:flex;flex-direction:column;align-items:center;gap:20px}.dressr-usage-stats{display:flex;gap:32px;text-align:center}.dressr-usage-stat{display:flex;flex-direction:column;gap:4px}.dressr-right-col{display:flex;flex-direction:column;gap:20px}.dressr-actions-list{display:flex;flex-direction:column;gap:8px}.dressr-steps-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:700px){.dressr-steps-horizontal{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.dressr-steps-horizontal{grid-template-columns:1fr}}.dressr-step-h{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--dressr-bg);border-radius:12px;border:1px solid var(--dressr-border)}.dressr-step-h .dressr-step-number{width:28px;height:28px}.dressr-step-h .dressr-step-content h4{font-size:14px}.dressr-step-h .dressr-step-content p{font-size:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dressr-live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s ease-in-out infinite}