.nb-nav{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);box-shadow:0 2px 20px #0000004d;height:clamp(56px,7vw,72px);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nb-container,.nb-nav{align-items:center;display:flex}.nb-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 clamp(12px,3vw,20px);width:100%}.nb-logo{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:clamp(18px,2.2vw,24px);font-weight:700;gap:5px;text-decoration:none;white-space:nowrap}.nb-logo-hl{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;background-clip:text;color:gold}.nb-menu{align-items:center;display:flex;gap:clamp(2px,.5vw,6px);list-style:none;margin:0;padding:0}.nb-item{position:relative}.nb-link{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:clamp(12px,1.1vw,14px);font-weight:500;gap:5px;padding:clamp(5px,.7vw,7px)clamp(8px,1vw,12px);text-decoration:none;transition:all .3s;white-space:nowrap}.nb-link:hover{background:#ffffff0a;color:gold}.nb-link svg{flex-shrink:0;font-size:clamp(13px,1.1vw,15px)}.nb-btn-out{border:2px solid #fff;border-radius:20px;padding:clamp(5px,.7vw,7px)clamp(12px,1.4vw,18px);transition:all .3s}.nb-btn-out:hover{background:#fff;color:#1a1a2e}.nb-btn-gold{background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:20px;color:#1a1a2e;font-weight:600;padding:clamp(5px,.7vw,7px)clamp(12px,1.4vw,18px)}.nb-btn-gold:hover{background:#fff;box-shadow:0 4px 12px #ffd70059;color:#1a1a2e;transform:translateY(-1px)}.nb-user-btn{max-width:170px;overflow:hidden;text-overflow:ellipsis}.nb-arrow{font-size:10px;transition:transform .3s}.nb-arrow-up{transform:rotate(180deg)}.nb-drop-menu{animation:dropIn .2s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001f;display:none;min-width:190px;padding:6px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:1001}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nb-drop-menu.nb-drop-show,.nb-item.nb-drop:hover .nb-drop-menu{display:block}.nb-drop-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:clamp(12px,1vw,13px);gap:8px;padding:9px 18px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.nb-drop-item:hover{background:#f5f5f5;color:#667eea}.nb-drop-item svg{flex-shrink:0;font-size:14px}.nb-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:clamp(22px,2.5vw,26px);line-height:1;padding:4px}@media screen and (max-width:900px){.nb-toggle{align-items:center;display:flex;justify-content:center}.nb-menu{background:#fff;bottom:0;display:none;flex-direction:column;gap:0;left:0;overflow-y:auto;padding:8px 0;position:fixed;right:0;top:clamp(56px,7vw,72px);width:100%;z-index:999}.nb-menu.nb-open{display:flex}.nb-item,.nb-link{width:100%}.nb-link{border-radius:0;color:#333;font-size:14px;justify-content:space-between;padding:13px 18px}.nb-link:hover{background:#f5f5f5;color:#667eea}.nb-btn-gold,.nb-btn-out{border-radius:6px;justify-content:center;margin:5px 14px;padding:10px;text-align:center}.nb-btn-out{border:2px solid #667eea;color:#667eea}.nb-btn-out:hover{background:#667eea;color:#fff}.nb-arrow{margin-left:auto}.nb-drop-menu{animation:none;background:#f5f7fa;border-radius:0;box-shadow:none;display:none;padding:0;position:static}.nb-drop-menu.nb-drop-show{display:block}.nb-item.nb-drop:hover .nb-drop-menu{display:none}.nb-item.nb-drop-open .nb-drop-menu{display:block}.nb-drop-item{font-size:13px;padding:11px 18px 11px 36px}}@media screen and (max-width:480px){.nb-nav{height:52px}.nb-menu{top:52px}.nb-logo{font-size:16px}.nb-link{font-size:13px;padding:11px 14px}}.footer{background:#1a1a2e;color:#fff;margin-top:auto;padding:clamp(40px,6vw,60px) 0 clamp(12px,2vw,20px)}.footer-grid{grid-gap:clamp(20px,3vw,40px);display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-bottom:clamp(24px,3vw,40px)}.footer-section h3{color:#fff;font-size:clamp(20px,2vw,24px);font-weight:700;margin-bottom:12px}.footer-section h3 span{color:gold}.footer-section h4{color:gold;font-size:clamp(15px,1.4vw,18px);font-weight:600;margin-bottom:12px}.footer-section p{color:#cbd5e0;font-size:clamp(12px,1vw,14px);line-height:1.7}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li,.footer-section ul li a{color:#cbd5e0;font-size:clamp(12px,1vw,14px);line-height:1.5;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:gold}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,20px);justify-content:space-between;padding-top:clamp(12px,1.5vw,20px)}.footer-bottom p{color:#94a3b8;font-size:clamp(11px,1vw,13px)}.footer-links{display:flex;flex-wrap:wrap;gap:clamp(12px,1.5vw,20px)}.footer-links a{color:#94a3b8;font-size:clamp(11px,1vw,13px);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:gold}@media (max-width:768px){.footer-grid{gap:20px;grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.footer-grid{gap:16px;grid-template-columns:1fr}.footer-section{text-align:center}.footer-section h3,.footer-section h4{margin-bottom:8px}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hm-page{min-height:100vh}.hm-container{margin:0 auto;max-width:1150px;padding:0 clamp(14px,3vw,24px)}.hm-hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:clamp(50px,8vw,80px) 5vw}.hm-hero-content{color:#fff;max-width:750px;text-align:center}.hm-hero h1{font-size:clamp(28px,5vw,54px);font-weight:800;line-height:1.12;margin-bottom:clamp(14px,2vw,20px);text-shadow:0 2px 12px #00000080}.hm-hero p{font-size:clamp(15px,1.8vw,18px);line-height:1.6;margin-bottom:clamp(24px,3vw,36px);margin-left:auto;margin-right:auto;max-width:550px;opacity:.9}.hm-hero-actions{display:flex;justify-content:center;margin-bottom:clamp(36px,5vw,50px)}.hm-btn-gold{align-items:center;background:linear-gradient(135deg,gold,#fa0);border-radius:50px;color:#1a1a2e;display:inline-flex;font-size:clamp(15px,1.5vw,18px);font-weight:700;gap:6px;padding:clamp(12px,1.8vw,15px) clamp(30px,4vw,44px);text-decoration:none;transition:all .3s ease}.hm-btn-gold:hover{background:#fff;box-shadow:0 12px 30px #ffd70073;transform:translateY(-3px)}.hm-hero-stats{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,60px);justify-content:center}.hm-hero-stat{align-items:center;display:flex;flex-direction:column}.hm-hero-stat-num{font-size:clamp(24px,3.5vw,40px);font-weight:800}.hm-hero-stat span:last-child{font-size:clamp(11px,1vw,14px);margin-top:4px;opacity:.8}.hm-features{background:#fff;padding:clamp(45px,7vw,90px) 0}.hm-features h2,.hm-services h2,.hm-steps h2,.hm-writers h2{color:#1a1a2e;font-size:clamp(22px,3vw,34px);font-weight:700;margin-bottom:clamp(24px,3vw,40px);text-align:center}.hm-features-grid{grid-gap:clamp(14px,1.8vw,22px);display:grid;gap:clamp(14px,1.8vw,22px);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.hm-feature-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:clamp(20px,2.5vw,32px) clamp(14px,2vw,22px);text-align:center;transition:all .3s ease}.hm-feature-card:hover{box-shadow:0 16px 40px #00000014;transform:translateY(-6px)}.hm-feature-icon{align-items:center;border-radius:14px;display:flex;font-size:clamp(22px,2.5vw,28px);height:clamp(44px,6vw,56px);justify-content:center;margin:0 auto clamp(10px,1.5vw,14px);width:clamp(44px,6vw,56px)}.hm-feature-icon.blue{background:#eef1ff;color:#667eea}.hm-feature-icon.purple{background:#f3e5f5;color:#9c27b0}.hm-feature-icon.orange{background:#fff3e0;color:#ff9800}.hm-feature-icon.green{background:#e8f5e9;color:#4caf50}.hm-feature-card h3{color:#1a1a2e;font-size:clamp(15px,1.3vw,18px);font-weight:600;margin-bottom:7px}.hm-feature-card p{color:#777;font-size:clamp(12px,1vw,14px);line-height:1.55}.hm-services{background:#f8f9fc;padding:clamp(45px,7vw,90px) 0}.hm-services-grid{grid-gap:clamp(12px,1.6vw,18px);display:grid;gap:clamp(12px,1.6vw,18px);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.hm-service-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:clamp(18px,2.2vw,28px);text-decoration:none;transition:all .3s ease}.hm-service-card:hover{border-color:#667eea;box-shadow:0 12px 30px #0000000f;transform:translateY(-4px)}.hm-service-card h3{color:#1a1a2e;font-size:clamp(15px,1.3vw,18px);font-weight:600;margin-bottom:5px}.hm-service-card p{color:#888;font-size:clamp(11px,1vw,13px);line-height:1.4}.hm-writers{background:#fff;padding:clamp(45px,7vw,90px) 0}.hm-writers-grid{grid-gap:clamp(12px,1.6vw,18px);display:grid;gap:clamp(12px,1.6vw,18px);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.hm-writer-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:clamp(16px,2vw,24px) clamp(12px,1.5vw,16px);text-align:center;transition:all .3s ease}.hm-writer-card:hover{box-shadow:0 12px 30px #00000014;transform:translateY(-4px)}.hm-writer-avatar{align-items:center;border:3px solid #667eea;border-radius:50%;display:flex;height:clamp(64px,8vw,80px);justify-content:center;margin:0 auto 12px;overflow:hidden;padding:2px;width:clamp(64px,8vw,80px)}.hm-writer-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.hm-writer-card h3{color:#667eea;font-size:clamp(13px,1.1vw,15px);font-weight:600;margin-bottom:6px}.hm-writer-rating{align-items:center;display:flex;gap:4px;justify-content:center;margin-bottom:5px}.hm-star{color:gold;font-size:14px}.hm-writer-rating span{color:#333;font-size:12px;font-weight:600}.hm-reviews{color:#aaa!important;font-size:10px!important;font-weight:400!important}.hm-writer-done{color:#888;font-size:11px;margin-bottom:8px}.hm-writer-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.hm-tag{background:#667eea14;border-radius:10px;color:#667eea;font-size:10px;font-weight:600;padding:2px 8px}.hm-steps{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:clamp(45px,7vw,90px) 0}.hm-steps h2{color:#fff}.hm-steps-grid{grid-gap:clamp(14px,2vw,24px);display:grid;gap:clamp(14px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.hm-step{padding:clamp(12px,1.5vw,20px);text-align:center}.hm-step-num{align-items:center;background:linear-gradient(135deg,gold,#fa0);border-radius:50%;color:#1a1a2e;display:flex;font-size:clamp(18px,2vw,24px);font-weight:800;height:clamp(40px,6vw,56px);justify-content:center;margin:0 auto 12px;width:clamp(40px,6vw,56px)}.hm-step h3{color:#fff;font-size:clamp(14px,1.3vw,17px);font-weight:600;margin-bottom:5px}.hm-step p{color:#bbb;font-size:clamp(11px,1vw,13px);line-height:1.5}.hm-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:clamp(50px,8vw,90px) 0;text-align:center}.hm-cta h2{color:#fff;font-size:clamp(22px,3vw,34px);font-weight:700;margin-bottom:10px}.hm-cta p{color:#fff;font-size:clamp(13px,1.3vw,16px);margin-bottom:clamp(18px,2.5vw,30px);opacity:.9}.hm-btn-white{background:#fff;border-radius:50px;color:#667eea;display:inline-block;font-size:clamp(14px,1.3vw,16px);font-weight:700;padding:clamp(10px,1.5vw,13px) clamp(24px,3vw,36px);text-decoration:none;transition:all .3s ease}.hm-btn-white:hover{background:gold;box-shadow:0 10px 25px #ffd70066;color:#1a1a2e;transform:translateY(-3px)}@media (max-width:768px){.hm-hero{min-height:auto;padding:50px 5vw 70px}.hm-hero h1{font-size:24px}.hm-features-grid,.hm-services-grid,.hm-writers-grid{gap:10px;grid-template-columns:1fr 1fr}.hm-steps-grid{gap:8px;grid-template-columns:1fr 1fr}}@media (max-width:480px){.hm-hero h1{font-size:20px}.hm-features-grid,.hm-services-grid,.hm-steps-grid,.hm-writers-grid{gap:8px;grid-template-columns:1fr}.hm-hero-stats{gap:16px}.hm-hero-stat-num{font-size:20px}}.auth-page-split{display:flex;min-height:100vh}.auth-form-side{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:clamp(20px,4vw,40px)}.auth-form-content{max-width:440px;width:100%}.auth-logo{color:#1a1a2e;display:block;font-size:clamp(18px,2vw,22px);font-weight:700;margin-bottom:clamp(24px,3vw,36px);text-align:center;text-decoration:none}.auth-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;background-clip:text;color:gold}.auth-form-content h2{color:#1a1a2e;font-size:clamp(20px,2.2vw,26px);font-weight:700;margin-bottom:6px}.auth-subtitle{font-size:clamp(12px,1vw,14px);margin-bottom:clamp(18px,2vw,28px)}.auth-form{display:flex;flex-direction:column;gap:clamp(10px,1.3vw,16px)}.form-row{grid-gap:clamp(8px,1.2vw,14px);display:grid;gap:clamp(8px,1.2vw,14px);grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:clamp(11px,1vw,13px)}.form-group input{border-radius:8px;font-size:clamp(13px,1vw,14px);padding:clamp(9px,1vw,11px) clamp(10px,1.2vw,14px)}.form-group input:focus{box-shadow:0 0 0 3px #667eea14}.field-hint{color:#999;font-size:clamp(9px,.8vw,11px);line-height:1.3}.role-selector{grid-gap:clamp(6px,1vw,10px);display:grid;gap:clamp(6px,1vw,10px);grid-template-columns:1fr 1fr}.role-option{align-items:flex-start;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:clamp(10px,1.1vw,12px);transition:all .3s ease}.role-option.active,.role-option:hover{border-color:#667eea}.role-option.active{background:#667eea0a}.role-option input[type=radio]{accent-color:#667eea;flex-shrink:0;height:14px;margin-top:3px;width:14px}.role-content{display:flex;flex-direction:column;gap:1px;text-align:left}.role-title{color:#1a1a2e;font-size:clamp(12px,1vw,14px);font-weight:600}.role-desc{color:#999;font-size:clamp(9px,.8vw,11px);line-height:1.2}.specialization-grid{display:flex;flex-wrap:wrap;gap:clamp(4px,.6vw,6px)}.spec-tag{background:#0000;border:2px solid #e0e0e0;border-radius:16px;color:#666;cursor:pointer;font-family:inherit;font-size:clamp(9px,.9vw,11px);font-weight:500;padding:clamp(4px,.6vw,5px) clamp(8px,1vw,10px);transition:all .3s ease}.spec-tag:hover{border-color:#667eea;color:#667eea}.spec-tag.selected{background:#667eea;border-color:#667eea;color:#fff}.auth-btn{border-radius:8px;font-size:clamp(14px,1.1vw,16px);margin-top:4px;padding:clamp(10px,1.2vw,13px)}.auth-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.auth-footer{color:#666;margin-top:clamp(14px,1.5vw,20px);padding-top:clamp(8px,1vw,12px)}.auth-footer p{font-size:clamp(11px,1vw,13px);margin-bottom:4px}.forgot-password{color:#667eea;display:block;font-size:clamp(11px,1vw,13px);font-weight:500;margin-top:6px;text-decoration:none}.forgot-password:hover{color:#5a6fd6;text-decoration:underline}.auth-info-side{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 1;justify-content:center;padding:clamp(30px,5vw,60px);position:relative}.auth-info-content{color:#fff;max-width:480px;position:relative;text-align:center;z-index:1}.auth-info-content h2{font-size:clamp(22px,2.8vw,34px);font-weight:700;line-height:1.2;margin-bottom:12px}.auth-info-content p{font-size:clamp(13px,1.2vw,16px);line-height:1.5;margin-bottom:clamp(24px,3vw,36px);opacity:.9}.auth-features{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,16px);margin-bottom:clamp(24px,3vw,36px)}.auth-feature-item{align-items:center;display:flex;font-size:clamp(13px,1.1vw,15px);gap:12px;text-align:left}.auth-feature-item svg{color:gold;flex-shrink:0;font-size:clamp(18px,1.6vw,22px)}.auth-stats-row{border-top:1px solid #fff3;display:flex;gap:clamp(20px,3vw,40px);justify-content:center;padding-top:clamp(16px,2vw,24px)}.auth-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.auth-stat-num{color:gold;font-size:clamp(22px,2.5vw,32px);font-weight:800}.auth-stat span:last-child{font-size:clamp(10px,.9vw,12px);opacity:.8}@media (max-width:768px){.auth-page-split{flex-direction:column}.auth-form-side{flex:none;min-height:100vh;padding:clamp(16px,3vw,30px)}.auth-info-side{display:none}}@media (max-width:400px){.auth-form-content{max-width:100%}.form-row,.role-selector{grid-template-columns:1fr}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:clamp(16px,3vw,40px)}.auth-container{max-width:460px;width:100%}.auth-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:clamp(24px,3vw,40px)}.auth-card h2{color:#1a1a2e;font-size:clamp(20px,2.2vw,28px);font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:#666;font-size:clamp(13px,1.1vw,15px);line-height:1.5;margin-bottom:clamp(20px,2.5vw,30px);text-align:center}.form-group{margin-bottom:clamp(14px,1.5vw,20px)}.form-group label{color:#333;display:block;font-size:clamp(13px,1.1vw,14px);font-weight:600;margin-bottom:6px}.form-group input{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;color:#333;font-family:inherit;font-size:clamp(14px,1.2vw,15px);padding:clamp(10px,1.2vw,13px) clamp(12px,1.4vw,16px);transition:all .3s ease;width:100%}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group input::placeholder{color:#aaa}.auth-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:clamp(15px,1.3vw,16px);font-weight:700;margin-top:8px;padding:clamp(12px,1.3vw,14px);transition:all .3s ease;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-footer{border-top:1px solid #f0f0f0;margin-top:clamp(16px,2vw,24px);padding-top:clamp(12px,1.5vw,16px);text-align:center}.auth-footer p{color:#666;font-size:clamp(13px,1.1vw,14px)}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-footer a:hover{color:#5a6fd6;text-decoration:underline}.success-message{padding:clamp(10px,1.5vw,20px);text-align:center}.success-message h2{color:#1a1a2e;font-size:clamp(18px,2vw,24px);margin-bottom:12px}.success-message p{color:#666;font-size:clamp(13px,1.1vw,15px);line-height:1.6;margin-bottom:16px}.success-message p strong{color:#1a1a2e;word-break:break-all}.hint{font-size:clamp(11px,1vw,13px);margin-bottom:20px}.btn-outline{border:2px solid #e0e0e0;border-radius:10px;color:#666;margin-bottom:10px;padding:clamp(10px,1.1vw,12px) clamp(16px,2vw,20px);width:100%}.btn-outline:hover{border-color:#667eea;color:#667eea}.btn-primary{background:#667eea;border-radius:10px;font-size:clamp(13px,1.1vw,14px);padding:clamp(10px,1.1vw,12px) clamp(16px,2vw,20px);text-align:center;width:100%}.btn-primary:hover{background:#5a6fd6}@media (max-width:480px){.auth-card{border-radius:14px;padding:20px 16px}.auth-card h2{font-size:18px}.form-group input{padding:10px 14px}.auth-btn,.form-group input{border-radius:10px;font-size:14px}.auth-btn{padding:10px}}.writers-page{background:#f5f7fa;min-height:100vh;padding:clamp(30px,5vw,60px) 0}.writers-page h1{color:#1a1a2e;font-size:clamp(22px,3vw,36px);font-weight:700;margin-bottom:8px;text-align:center}.subtitle{font-size:clamp(13px,1.2vw,15px)}.filters{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,20px);margin-bottom:clamp(20px,3vw,40px)}.search-box{flex:1 1;min-width:200px;position:relative}.search-box input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#333;font-family:inherit;font-size:clamp(13px,1.1vw,15px);padding:clamp(10px,1.1vw,12px) clamp(12px,1.4vw,15px) clamp(10px,1.1vw,12px) clamp(36px,4vw,45px);transition:border-color .3s ease;width:100%}.search-box input:focus{border-color:#667eea;outline:none}.search-icon{color:#999;font-size:clamp(16px,1.5vw,20px);left:clamp(12px,1.4vw,15px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-family:inherit;font-size:clamp(13px,1.1vw,14px);min-width:150px;padding:clamp(10px,1.1vw,12px) clamp(12px,1.5vw,20px);transition:border-color .3s ease}.filter-select:focus{border-color:#667eea;outline:none}.writers-grid{grid-gap:clamp(14px,2vw,25px);display:grid;gap:clamp(14px,2vw,25px);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.writer-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;padding:clamp(18px,2.5vw,30px);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.writer-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.writer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:clamp(22px,2.5vw,28px);font-weight:700;height:clamp(60px,7vw,80px);justify-content:center;margin:0 auto clamp(10px,1.2vw,15px);width:clamp(60px,7vw,80px)}.writer-card h3{color:#667eea;font-size:clamp(15px,1.3vw,18px);font-weight:600;margin-bottom:8px}.writer-rating{gap:5px;justify-content:center}.star-icon{font-size:clamp(16px,1.4vw,18px)}.rating-value{font-size:clamp(13px,1.1vw,15px);font-weight:600}.review-count{font-size:clamp(11px,.9vw,12px)}.writer-stats{gap:clamp(16px,2vw,30px);justify-content:center;margin:12px 0}.writer-stats .stat-item{align-items:center}.writer-stats .stat-value{color:#667eea;font-size:clamp(16px,1.6vw,20px)}.writer-stats .stat-label{font-size:clamp(10px,.8vw,12px)}.writer-specialties{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:10px}.specialty-tag{font-size:clamp(10px,.9vw,11px)}.writer-bio{color:#666;flex-grow:1;font-size:clamp(12px,1vw,13px);line-height:1.5;margin:10px 0 14px}.writer-card .btn-outline{background:#0000;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;display:inline-block;font-size:clamp(12px,1vw,14px);font-weight:600;margin-top:auto;padding:clamp(7px,.9vw,10px) clamp(14px,1.8vw,24px);text-decoration:none;transition:all .3s ease}.writer-card .btn-outline:hover{background:#667eea;color:#fff}.empty-state .btn-outline{background:#0000;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;font-size:clamp(13px,1vw,14px);font-weight:600;padding:clamp(8px,1vw,10px) clamp(16px,2vw,24px);transition:all .3s ease}.empty-state .btn-outline:hover{background:#667eea;color:#fff}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(12px,1.5vw,20px);justify-content:center;margin-top:clamp(20px,3vw,40px)}.page-info{color:#666;font-size:clamp(12px,1vw,14px);font-weight:500}.pagination .btn-outline{background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:600;padding:clamp(7px,.9vw,10px) clamp(14px,1.8vw,20px);transition:all .3s ease}.pagination .btn-outline:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination .btn-outline:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.filters{flex-direction:column;gap:10px}.search-box{min-width:100%}.filter-select{width:100%}.writers-grid{gap:12px;grid-template-columns:1fr 1fr}.writer-card{border-radius:14px;padding:14px}.writer-card h3{font-size:13px}.writer-bio{font-size:11px}}@media (max-width:480px){.writers-grid{gap:10px;grid-template-columns:1fr}.writer-card{border-radius:12px;padding:14px}.writer-stats{gap:16px}.writers-page h1{font-size:18px}}.writer-profile{background:#f5f7fa;min-height:100vh;padding:clamp(24px,4vw,60px) 0}.profile-header{border-radius:20px;gap:clamp(20px,3vw,40px);margin-bottom:clamp(16px,2.5vw,30px);padding:clamp(20px,3vw,40px)}.writer-avatar-large{font-size:clamp(28px,4vw,48px);height:clamp(80px,12vw,150px);width:clamp(80px,12vw,150px)}.writer-info{flex:1 1;min-width:0}.writer-info h1{color:#1a1a2e;font-size:clamp(20px,2.6vw,32px);font-weight:700;margin-bottom:8px}.writer-rating{align-items:center;display:flex;gap:6px;margin-bottom:12px}.star-icon{color:gold;font-size:clamp(18px,1.8vw,22px)}.rating-value{color:#1a1a2e;font-size:clamp(15px,1.3vw,18px);font-weight:700}.review-count{color:#999;font-size:clamp(12px,1vw,14px)}.writer-stats{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,30px);margin:clamp(12px,1.5vw,20px) 0}.writer-stats .stat-item{display:flex;flex-direction:column;gap:2px}.writer-stats .stat-value{color:#1a1a2e;font-size:clamp(18px,2vw,24px);font-weight:700}.writer-stats .stat-label{color:#999;font-size:clamp(11px,.9vw,13px)}.writer-info .btn-primary{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:inherit;font-size:clamp(13px,1.1vw,15px);font-weight:600;margin-top:8px;padding:clamp(10px,1.1vw,12px) clamp(20px,2.5vw,30px);transition:all .3s ease}.writer-info .btn-primary:hover{background:#5a6fd6;transform:translateY(-2px)}.profile-content{grid-gap:clamp(16px,2.5vw,30px);align-items:start;display:grid;gap:clamp(16px,2.5vw,30px);grid-template-columns:2fr 1fr}.profile-main{display:flex;flex-direction:column;gap:clamp(14px,2vw,30px);min-width:0}.profile-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;padding:clamp(16px,2.5vw,30px)}.profile-section h2{color:#1a1a2e;font-size:clamp(17px,1.6vw,24px);font-weight:600;margin-bottom:clamp(12px,1.5vw,20px)}.profile-section p{color:#666;font-size:clamp(13px,1.1vw,15px);line-height:1.8}.specialties-list{display:flex;flex-wrap:wrap;gap:clamp(6px,.8vw,10px)}.specialty-tag{background:#667eea1a;border-radius:15px;color:#667eea;font-size:clamp(11px,.9vw,12px);font-weight:600;padding:4px 10px;white-space:nowrap}.specialty-tag.large{font-size:clamp(12px,1.1vw,14px);padding:clamp(7px,1vw,10px) clamp(14px,1.5vw,20px)}.reviews-list{display:flex;flex-direction:column;gap:clamp(10px,1.5vw,20px)}.review-card{border:1px solid #e0e0e0;border-radius:10px;padding:clamp(12px,1.5vw,20px);transition:border-color .3s ease}.review-card:hover{border-color:#667eea}.review-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.review-header,.reviewer-info{align-items:center;display:flex;gap:10px}.reviewer-avatar{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:clamp(13px,1.2vw,16px);font-weight:700;height:clamp(32px,3.5vw,40px);justify-content:center;width:clamp(32px,3.5vw,40px)}.reviewer-name{color:#1a1a2e;font-size:clamp(13px,1vw,14px);font-weight:600}.review-rating{display:flex;gap:2px}.star-filled{color:gold}.star-empty,.star-filled{font-size:clamp(14px,1.2vw,16px)}.star-empty{color:#e0e0e0}.review-comment{color:#666;font-size:clamp(12px,1vw,14px);line-height:1.6;margin-bottom:8px}.review-date{color:#999;font-size:clamp(11px,.9vw,13px)}.no-reviews{color:#999;font-size:clamp(13px,1vw,14px);padding:clamp(14px,2vw,20px);text-align:center}.profile-sidebar{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,20px);position:-webkit-sticky;position:sticky;top:clamp(80px,8vw,100px)}.sidebar-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;padding:clamp(16px,2vw,25px)}.sidebar-card h3{color:#1a1a2e;font-size:clamp(15px,1.3vw,18px);font-weight:600;margin-bottom:clamp(12px,1.5vw,20px)}.contact-item{align-items:center;color:#666;display:flex;font-size:clamp(12px,1vw,14px);gap:10px;margin-bottom:12px}.contact-item svg{color:#4caf50;flex-shrink:0;font-size:clamp(16px,1.4vw,18px)}.quick-stat{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:clamp(7px,.8vw,10px) 0}.quick-stat:last-child{border-bottom:none}.quick-stat .stat-label{color:#666;font-size:clamp(12px,1vw,13px)}.quick-stat .stat-value{color:#1a1a2e;font-size:clamp(12px,1vw,13px);font-weight:600}@media (max-width:768px){.profile-header{align-items:center;border-radius:14px;flex-direction:column;padding:20px 16px;text-align:center}.writer-avatar-large{font-size:28px;height:80px;width:80px}.writer-info h1{font-size:18px}.writer-stats{gap:16px;justify-content:center}.profile-content{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-section{border-radius:12px;padding:16px}.profile-section h2{font-size:15px;margin-bottom:10px}}@media (max-width:480px){.writer-stats{align-items:center;flex-direction:column;gap:8px}.review-header{align-items:flex-start;flex-direction:column}}.file-upload-container{width:100%}.upload-area{background:#fafafa;border:2px dashed #d0d0d0;border-radius:12px;cursor:pointer;padding:clamp(24px,3vw,40px) clamp(16px,2vw,20px);text-align:center;transition:all .3s ease}.upload-area:hover{background:#667eea0a;border-color:#667eea}.upload-area:active{transform:scale(.99)}.upload-icon{color:#999;font-size:clamp(32px,4vw,44px);margin-bottom:clamp(10px,1.2vw,15px);transition:color .3s ease}.upload-area:hover .upload-icon{color:#667eea}.upload-text{color:#555;font-size:clamp(14px,1.2vw,16px);font-weight:500;margin-bottom:6px}.upload-hint{color:#999;font-size:clamp(11px,1vw,13px);line-height:1.4}.file-preview{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:clamp(10px,1.2vw,15px);padding:clamp(12px,1.4vw,15px);transition:border-color .3s ease}.file-preview:hover{border-color:#667eea}.file-icon{color:#667eea;flex-shrink:0;font-size:clamp(26px,3vw,32px)}.file-info{flex:1 1;min-width:0}.file-name{color:#333;font-size:clamp(12px,1vw,14px);font-weight:500;margin-bottom:3px;word-break:break-all}.file-size{color:#999;font-size:clamp(11px,.9vw,13px)}.remove-file-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:clamp(18px,2vw,20px);justify-content:center;padding:6px;transition:all .3s ease}.remove-file-btn:hover{background:#e74c3c14;color:#e74c3c}.upload-error{align-items:center;color:#e74c3c;display:flex;font-size:clamp(11px,1vw,13px);gap:6px;margin-top:8px}.file-input-hidden{display:none}@media (max-width:480px){.upload-area{border-radius:10px;padding:20px 14px}.file-preview{border-radius:10px;padding:10px 12px}}.co-page{background:linear-gradient(180deg,#f0f2f8,#f5f7fa);min-height:100vh;padding:clamp(20px,4vw,40px) 0}.co-container{margin:0 auto;max-width:1200px;padding:0 clamp(14px,3vw,24px)}.co-header{margin-bottom:clamp(18px,2.5vw,28px)}.co-header h1{color:#1a1a2e;font-size:clamp(20px,2.8vw,30px);font-weight:700;margin-bottom:4px}.co-header p{color:#888;font-size:clamp(12px,1.1vw,14px)}.co-layout{grid-gap:clamp(16px,2.5vw,28px);align-items:start;display:grid;gap:clamp(16px,2.5vw,28px);grid-template-columns:1fr 340px}.co-form{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 16px #0000000a;padding:clamp(18px,2.5vw,32px)}.co-form-section{margin-bottom:8px}.co-section-title{align-items:center;color:#1a1a2e;display:flex;font-size:clamp(16px,1.5vw,19px);font-weight:600;gap:8px;margin-bottom:4px}.co-section-title svg{color:#667eea}.co-section-desc{color:#999;font-size:clamp(11px,1vw,13px);margin-bottom:clamp(14px,1.8vw,20px)}.co-field{margin-bottom:clamp(12px,1.5vw,18px)}.co-field label{align-items:center;color:#333;display:flex;font-size:clamp(12px,1vw,13px);font-weight:600;gap:5px;margin-bottom:5px}.co-required{color:#e74c3c;font-weight:700}.co-optional{color:#aaa;font-size:11px;font-weight:400}.co-field input,.co-field select,.co-field textarea{background:#fafbfc;border:2px solid #e8e8e8;border-radius:10px;color:#333;font-family:inherit;font-size:clamp(13px,1vw,14px);padding:clamp(9px,1vw,11px) clamp(11px,1.2vw,14px);transition:all .3s ease;width:100%}.co-field input:focus,.co-field select:focus,.co-field textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea0f;outline:none}.co-field textarea{line-height:1.6;min-height:80px;resize:vertical}.co-hint{color:#aaa;display:block;font-size:clamp(9px,.8vw,11px);margin-top:4px}.co-row{grid-gap:clamp(10px,1.3vw,16px);display:grid;gap:clamp(10px,1.3vw,16px);grid-template-columns:1fr 1fr}.co-submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#5a6fd6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:clamp(14px,1.2vw,16px);font-weight:700;gap:6px;justify-content:center;margin-top:6px;padding:clamp(11px,1.3vw,14px);transition:all .3s ease;width:100%}.co-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea59;transform:translateY(-2px)}.co-submit-btn:disabled{cursor:not-allowed;opacity:.6}.co-sidebar{display:flex;flex-direction:column;gap:clamp(10px,1.3vw,14px);position:-webkit-sticky;position:sticky;top:90px}.co-sidebar-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px #0000000a;padding:clamp(14px,1.8vw,20px)}.co-sidebar-title{align-items:center;color:#1a1a2e;display:flex;font-size:clamp(14px,1.2vw,16px);font-weight:600;gap:7px;margin-bottom:clamp(10px,1.2vw,14px)}.co-sidebar-title svg{color:#667eea}.co-summary-row{border-bottom:1px solid #f5f5f5;color:#666;display:flex;font-size:clamp(11px,.9vw,13px);justify-content:space-between;padding:clamp(5px,.7vw,7px) 0}.co-summary-row:last-of-type{border-bottom:none}.co-summary-row span:last-child{color:#333;font-weight:500}.co-summary-total{border-top:2px solid #667eea;color:#1a1a2e;display:flex;font-size:clamp(13px,1.1vw,15px);font-weight:600;justify-content:space-between;margin-top:4px;padding:clamp(8px,1vw,12px) 0 4px}.co-price{color:#667eea;font-size:clamp(16px,1.8vw,22px);font-weight:800}.co-price-note{color:#aaa;font-size:10px;line-height:1.4;margin-top:6px}.co-perks{list-style:none;padding:0}.co-perks li{align-items:center;color:#555;display:flex;font-size:clamp(11px,.9vw,12px);gap:7px;padding:clamp(4px,.5vw,6px) 0}.co-perks li svg{color:#4caf50;flex-shrink:0}.co-attached{background:#fafbfe;border:2px dashed #667eea33}.co-file-list{list-style:none;padding:0}.co-file-list li{color:#667eea;font-size:clamp(10px,.9vw,12px);font-weight:500;padding:4px 0;word-break:break-all}.co-guarantee{align-items:flex-start;background:#f8fdf8;border:1px solid #e0f0e0;display:flex;gap:10px}.co-guarantee-icon{align-items:center;background:#e8f5e9;border-radius:10px;color:#4caf50;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.co-guarantee p{color:#666;font-size:11px;line-height:1.5}@media (max-width:1000px){.co-layout{grid-template-columns:1fr}.co-sidebar{position:static}.co-form{order:1}.co-sidebar{order:0}}@media (max-width:768px){.co-form{border-radius:12px;padding:16px}.co-row{gap:0;grid-template-columns:1fr}.co-row .co-field{margin-bottom:12px}.co-header h1{font-size:18px}}@media (max-width:480px){.co-form{padding:12px 10px}.co-field input,.co-field select,.co-field textarea{border-radius:8px;font-size:13px;padding:8px 10px}.co-sidebar-card{border-radius:10px;padding:12px}.co-submit-btn{font-size:13px;padding:10px}}.ao-page{background:linear-gradient(180deg,#f0f2f8,#f5f7fa);min-height:100vh;padding:clamp(20px,4vw,40px) 0}.ao-container{margin:0 auto;max-width:1200px;padding:0 clamp(14px,3vw,24px)}.ao-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:clamp(14px,2vw,20px)}.ao-header h1{color:#1a1a2e;font-size:clamp(20px,2.8vw,30px);font-weight:700;margin-bottom:3px}.ao-header p{color:#888;font-size:clamp(12px,1vw,14px)}.ao-refresh-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:clamp(11px,1vw,13px);font-weight:600;gap:6px;padding:clamp(7px,.9vw,9px) clamp(14px,1.6vw,18px);transition:all .3s ease;white-space:nowrap}.ao-refresh-btn:hover{background:#f8f9ff;border-color:#667eea}.ao-count-bar{margin-bottom:clamp(14px,1.8vw,20px)}.ao-count-item{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #00000008;color:#667eea;display:inline-flex;font-size:clamp(11px,1vw,13px);font-weight:600;gap:7px;padding:clamp(8px,1vw,10px) clamp(14px,1.6vw,18px)}.ao-grid{grid-gap:clamp(12px,1.8vw,20px);display:grid;gap:clamp(12px,1.8vw,20px);grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))}.ao-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;padding:clamp(16px,2vw,22px);position:relative;transition:all .3s ease}.ao-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea14;transform:translateY(-3px)}.ao-urgent-badge{animation:pulse 2s infinite;background:#fff0f0;border-radius:12px;color:#d32f2f;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ao-card-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:clamp(8px,1vw,12px)}.ao-card-top div:first-child{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ao-order-num{color:#667eea;font-size:clamp(14px,1.2vw,16px);font-weight:700}.ao-order-cat{background:#eef1ff;border-radius:10px;color:#667eea;font-size:10px;font-weight:500;padding:2px 8px}.ao-earnings{text-align:right}.ao-earnings-label{color:#aaa;display:block;font-size:9px;letter-spacing:.5px;text-transform:uppercase}.ao-earnings-amount{color:#2e7d32;font-size:clamp(16px,1.6vw,20px);font-weight:700}.ao-title{color:#1a1a2e;font-size:clamp(14px,1.2vw,16px);font-weight:600;line-height:1.3;margin-bottom:6px}.ao-desc{color:#777;flex-grow:1;font-size:clamp(11px,.9vw,13px);line-height:1.5;margin-bottom:clamp(10px,1.2vw,14px)}.ao-meta{grid-gap:clamp(5px,.7vw,8px);background:#f8f9fc;border-radius:10px;display:grid;gap:clamp(5px,.7vw,8px);grid-template-columns:1fr 1fr;margin-bottom:10px;padding:clamp(8px,1vw,10px)}.ao-meta-item{align-items:center;color:#666;display:flex;font-size:clamp(10px,.8vw,11px);gap:5px}.ao-meta-item svg{color:#aaa;flex-shrink:0}.ao-meta-item.ao-urgent{color:#d32f2f;font-weight:600}.ao-meta-item.ao-urgent svg{color:#d32f2f}.ao-files-badge{align-self:flex-start;background:#eef1ff;border-radius:6px;color:#667eea;display:inline-block;font-size:10px;font-weight:600;margin-bottom:10px;padding:3px 10px}.ao-card-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding-top:clamp(10px,1.2vw,14px)}.ao-btn-outline{align-items:center;background:#0000;border:2px solid #e0e0e0;border-radius:20px;color:#667eea;cursor:pointer;display:inline-flex;font-size:clamp(10px,.9vw,12px);font-weight:600;padding:clamp(6px,.7vw,8px) clamp(12px,1.4vw,16px);text-decoration:none;transition:all .3s ease;white-space:nowrap}.ao-btn-outline:hover{border-color:#667eea;color:#667eea}.ao-btn-claim{background:linear-gradient(135deg,#667eea,#5a6fd6);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:clamp(10px,.9vw,12px);font-weight:600;padding:clamp(6px,.7vw,8px) clamp(14px,1.6vw,22px);transition:all .3s ease;white-space:nowrap}.ao-btn-claim:hover:not(:disabled){box-shadow:0 6px 18px #667eea4d;transform:translateY(-2px)}.ao-btn-claim:disabled{cursor:not-allowed;opacity:.6}.ao-empty{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px #0000000a;padding:clamp(30px,6vw,60px) 16px;text-align:center}.ao-empty-icon{color:#d0d0d0;font-size:clamp(36px,5vw,48px);margin-bottom:10px}.ao-empty h2,.ao-empty h3{color:#1a1a2e;font-size:clamp(16px,1.5vw,20px);margin-bottom:6px}.ao-empty p{color:#888;font-size:clamp(12px,1vw,14px);margin-bottom:14px}.ao-loading{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:60vh}.ao-loading p{color:#888;font-size:13px}.ao-spinner{animation:spin .8s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@media (max-width:768px){.ao-grid{gap:10px;grid-template-columns:1fr}.ao-card{border-radius:12px;padding:14px}.ao-card-actions{flex-direction:column}.ao-btn-claim,.ao-btn-outline{justify-content:center;text-align:center;width:100%}}@media (max-width:480px){.ao-card{padding:12px}.ao-meta{grid-template-columns:1fr}.ao-earnings-amount{font-size:14px}.ao-title{font-size:13px}}.dash-page{background:linear-gradient(180deg,#f0f2f8,#f5f7fa);min-height:100vh;padding:clamp(20px,4vw,40px) 0}.dash-container{margin:0 auto;max-width:1100px;padding:0 clamp(14px,3vw,24px)}.dash-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:clamp(20px,3vw,32px)}.dash-greeting{color:#888;display:block;font-size:clamp(12px,1.1vw,14px);margin-bottom:2px}.dash-header h1{color:#1a1a2e;font-size:clamp(20px,2.6vw,30px);font-weight:700}.dash-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#5a6fd6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(12px,1vw,14px);font-weight:600;gap:7px;padding:clamp(9px,1vw,11px) clamp(16px,2vw,22px);text-decoration:none;transition:all .3s ease;white-space:nowrap}.dash-btn-primary:hover{background:#5a6fd6;box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}.dash-stats{grid-gap:clamp(10px,1.5vw,18px);display:grid;gap:clamp(10px,1.5vw,18px);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin-bottom:clamp(18px,2.5vw,28px)}.dash-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px #0000000a;display:flex;gap:clamp(10px,1.4vw,16px);padding:clamp(14px,1.8vw,20px);transition:transform .25s ease,box-shadow .25s ease}.dash-stat-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-3px)}.dash-stat-card.highlight{background:#f8fdf8;border-color:#4caf50}.dash-stat-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:clamp(18px,2vw,22px);height:clamp(38px,5vw,46px);justify-content:center;width:clamp(38px,5vw,46px)}.dash-stat-icon-wrap.blue{background:#eef1ff;color:#667eea}.dash-stat-icon-wrap.green{background:#e8f5e9;color:#4caf50}.dash-stat-icon-wrap.orange{background:#fff3e0;color:#ff9800}.dash-stat-icon-wrap.purple{background:#f3e5f5;color:#9c27b0}.dash-stat-icon-wrap.yellow{background:#fffde7;color:#f9a825}.dash-stat-icon-wrap.emerald{background:#e0f2f1;color:#00897b}.dash-stat-content{display:flex;flex-direction:column;min-width:0}.dash-stat-num{color:#1a1a2e;font-size:clamp(18px,2.2vw,26px);font-weight:700}.dash-stat-lbl{color:#777;font-size:clamp(10px,.9vw,12px);font-weight:500}.dash-withdrawal{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px #0000000a;margin-bottom:clamp(18px,2.5vw,28px);padding:clamp(14px,2vw,22px)}.dash-withdrawal-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:clamp(10px,1.4vw,16px)}.dash-withdrawal-header h3{color:#1a1a2e;font-size:clamp(14px,1.3vw,17px);font-weight:600}.dash-withdrawal-badge{background:#eef1ff;border-radius:12px;color:#667eea;font-size:10px;font-weight:600;padding:3px 10px}.dash-withdrawal-grid{grid-gap:clamp(8px,1vw,12px);display:grid;gap:clamp(8px,1vw,12px);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.dash-withdrawal-item{background:#f8f9fc;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:clamp(8px,1vw,12px)}.dash-withdrawal-label{color:#888;font-size:clamp(10px,.8vw,11px)}.dash-withdrawal-item strong{color:#1a1a2e;font-size:clamp(13px,1.1vw,15px)}.dash-orders-section{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px #0000000a;padding:clamp(14px,2vw,24px)}.dash-orders-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:clamp(12px,1.5vw,18px)}.dash-orders-header h2{color:#1a1a2e;font-size:clamp(15px,1.4vw,18px);font-weight:600}.dash-btn-outline{align-items:center;background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:clamp(11px,.9vw,13px);font-weight:600;gap:5px;padding:clamp(6px,.7vw,8px) clamp(12px,1.4vw,16px);text-decoration:none;transition:all .3s ease}.dash-btn-outline:hover{border-color:#667eea;color:#667eea}.dash-btn-sm{align-items:center;background:#eef1ff;border-radius:6px;color:#667eea;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:5px 14px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.dash-btn-sm:hover{background:#667eea;color:#fff}.dash-btn-sm.full{margin-top:8px;width:100%}.dash-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.dash-table{min-width:580px;width:100%}.dash-table-head{background:#f8f9fc;border-radius:8px;color:#777;font-size:clamp(10px,.9vw,12px);font-weight:600;margin-bottom:4px;padding:clamp(8px,1vw,12px) clamp(10px,1vw,14px)}.dash-table-head,.dash-table-row{grid-gap:clamp(6px,1vw,12px);display:grid;gap:clamp(6px,1vw,12px);grid-template-columns:1fr 1.8fr 1fr 1fr 1fr .5fr}.dash-table-row{align-items:center;border-bottom:1px solid #f5f5f5;color:#555;font-size:clamp(11px,.9vw,13px);padding:clamp(10px,1.2vw,14px) clamp(10px,1vw,14px);transition:background .2s ease}.dash-table-row:hover{background:#fafbfc}.dash-table-row:last-child{border-bottom:none}.dash-order-num{color:#667eea;font-weight:600;white-space:nowrap}.dash-order-title{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis}.dash-order-date,.dash-order-title{white-space:nowrap}.dash-order-price{color:#1a1a2e}.dash-badge,.dash-order-price{font-weight:600;white-space:nowrap}.dash-badge{border-radius:14px;display:inline-block;font-size:clamp(9px,.8vw,11px);padding:3px 10px;text-transform:capitalize}.dash-badge.pending{background:#fff8e1;color:#f57f17}.dash-badge.assigned,.dash-badge.in_progress{background:#e3f2fd;color:#1565c0}.dash-badge.completed{background:#e8f5e9;color:#2e7d32}.dash-badge.delivered{background:#e0f2f1;color:#00695c}.dash-badge.revision{background:#fff8e1;color:#f57f17}.dash-badge.cancelled{background:#ffebee;color:#c62828}.dash-badge.pending_payment{background:#fff8e1;color:#f57f17}.dash-badge.refunded{background:#ffebee;color:#c62828}.dash-mobile-cards{display:none}.dash-mobile-card{background:#f8f9fc;border:1px solid #eee;border-radius:10px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .3s ease}.dash-mobile-card.expanded{background:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea14}.dash-mobile-card-top{align-items:center;display:flex;justify-content:space-between}.dash-mobile-card-top div:first-child{align-items:center;display:flex;gap:8px}.dash-mobile-card-right{align-items:center;display:flex;gap:6px}.dash-mobile-card-body{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.dash-mobile-card-body p{color:#333;font-size:12px;margin-bottom:6px}.dash-mobile-card-body span{color:#888;display:block;font-size:11px;margin-bottom:6px}.dash-empty{padding:clamp(24px,4vw,40px) 14px;text-align:center}.dash-empty-icon{color:#d0d0d0;font-size:clamp(36px,5vw,48px);margin-bottom:10px}.dash-empty h3{color:#333;font-size:clamp(15px,1.3vw,18px);margin-bottom:6px}.dash-empty p{color:#888;font-size:clamp(12px,1vw,14px);margin-bottom:16px}.dash-not-approved{background:#fff;border:2px solid #ffc107;border-radius:16px;padding:clamp(30px,5vw,50px);text-align:center}.dash-not-approved-icon{align-items:center;background:#fff8e1;border-radius:50%;color:#f57f17;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;margin:0 auto 14px;width:56px}.dash-not-approved h2{color:#f57f17;font-size:clamp(17px,1.5vw,20px);margin-bottom:8px}.dash-not-approved p{color:#888;font-size:clamp(12px,1vw,14px);margin-bottom:18px}.dash-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh}.dash-loading p{color:#888;font-size:13px}.dash-spinner{animation:spin .8s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@media (max-width:768px){.dash-header{align-items:flex-start;flex-direction:column}.dash-stats{gap:8px;grid-template-columns:1fr 1fr}.dash-stat-card{gap:8px;padding:12px}.dash-stat-icon-wrap{border-radius:10px;font-size:16px;height:34px;width:34px}.dash-stat-num{font-size:17px}.dash-withdrawal-grid{grid-template-columns:1fr 1fr}.dash-table-wrap{display:none}.dash-mobile-cards{display:block}}@media (max-width:480px){.dash-stats,.dash-withdrawal-grid{grid-template-columns:1fr}}.mo-page{background:linear-gradient(180deg,#f0f2f8,#f5f7fa);min-height:100vh;padding:clamp(20px,4vw,40px) 0}.mo-container{margin:0 auto;max-width:900px;padding:0 clamp(14px,3vw,24px)}.mo-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:clamp(16px,2vw,22px)}.mo-header h1{color:#1a1a2e;font-size:clamp(20px,2.6vw,28px);font-weight:700;margin-bottom:2px}.mo-header p{color:#888;font-size:clamp(11px,1vw,13px)}.mo-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,1vw,10px)}.mo-filter{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-family:inherit;font-size:clamp(11px,.9vw,13px);min-width:150px;padding:clamp(7px,.8vw,9px) clamp(10px,1.2vw,14px);transition:border-color .3s ease}.mo-filter:focus{border-color:#667eea;outline:none}.mo-btn-primary{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(11px,1vw,13px);font-weight:600;gap:5px;padding:clamp(7px,.8vw,9px) clamp(14px,1.6vw,18px);text-decoration:none;transition:all .3s ease;white-space:nowrap}.mo-btn-primary:hover{background:#5a6fd6;transform:translateY(-1px)}.mo-btn-primary.sm{border-radius:6px;font-size:11px;padding:5px 12px}.mo-list{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,14px)}.mo-card{background:#fff;border:1px solid #f0f0f0;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 10px #00000008;padding:clamp(14px,1.8vw,20px);transition:all .3s ease}.mo-card:hover{border-left-color:#667eea;box-shadow:0 6px 20px #0000000f;transform:translateX(2px)}.mo-card-top{align-items:flex-start;justify-content:space-between;margin-bottom:8px}.mo-card-info,.mo-card-top{display:flex;flex-wrap:wrap;gap:8px}.mo-card-info{align-items:center}.mo-order-num{color:#667eea;font-size:clamp(14px,1.2vw,16px);font-weight:700}.mo-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:clamp(9px,.8vw,11px);font-weight:600;gap:3px;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.mo-badge-yellow{background:#fff8e1;color:#f57f17}.mo-badge-blue{background:#e3f2fd;color:#1565c0}.mo-badge-cyan{background:#e0f7fa;color:#00838f}.mo-badge-green{background:#e8f5e9;color:#2e7d32}.mo-badge-teal{background:#e0f2f1;color:#00695c}.mo-badge-red{background:#ffebee;color:#c62828}.mo-badge-gray{background:#f5f5f5;color:#555}.mo-card-price strong{color:#1a1a2e;font-size:clamp(14px,1.3vw,16px);white-space:nowrap}.mo-writer-price{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.mo-full-price{color:#bbb;font-size:10px;text-decoration:line-through}.mo-cut-price{color:#2e7d32;font-size:clamp(13px,1.2vw,15px);font-weight:700}.mo-title{color:#1a1a2e;font-size:clamp(13px,1.1vw,15px);font-weight:600;line-height:1.3;margin-bottom:4px}.mo-desc{color:#888;font-size:clamp(11px,.9vw,12px);line-height:1.4;margin-bottom:8px}.mo-meta{color:#777;display:flex;flex-wrap:wrap;font-size:clamp(10px,.9vw,12px);gap:clamp(10px,1.5vw,18px);margin-bottom:10px}.mo-meta span:first-child{color:#667eea;font-weight:500}.mo-overdue{color:#d32f2f!important;font-weight:600!important}.mo-card-bottom{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;padding-top:clamp(8px,1vw,12px)}.mo-date{color:#bbb;font-size:clamp(10px,.8vw,11px);margin-left:auto;white-space:nowrap}.mo-btn-outline{align-items:center;background:#0000;border:2px solid #e0e0e0;border-radius:20px;color:#667eea;cursor:pointer;display:inline-flex;font-size:clamp(10px,.9vw,12px);font-weight:600;padding:clamp(5px,.6vw,7px) clamp(10px,1.2vw,14px);text-decoration:none;transition:all .3s ease;white-space:nowrap}.mo-btn-outline:hover{border-color:#667eea;color:#667eea}.mo-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);justify-content:center;margin-top:clamp(16px,2.5vw,24px)}.mo-pagination span{color:#888;font-size:clamp(11px,1vw,13px)}.mo-btn-page{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#667eea;cursor:pointer;display:inline-flex;font-size:clamp(10px,.9vw,12px);font-weight:600;gap:4px;padding:clamp(5px,.7vw,7px) clamp(10px,1.3vw,14px);transition:all .3s ease}.mo-btn-page:hover:not(:disabled){border-color:#667eea}.mo-btn-page:disabled{cursor:not-allowed;opacity:.4}.mo-empty{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000008;padding:clamp(30px,6vw,50px) 16px;text-align:center}.mo-empty-icon{color:#d0d0d0;font-size:clamp(36px,5vw,44px);margin-bottom:8px}.mo-empty h3{color:#1a1a2e;font-size:clamp(15px,1.3vw,18px);margin-bottom:4px}.mo-empty p{color:#888;font-size:clamp(12px,1vw,13px);margin-bottom:14px}.mo-loading{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:60vh}.mo-loading p{color:#888;font-size:12px}.mo-spinner{animation:spin .8s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:36px;width:36px}@media (max-width:768px){.mo-header{flex-direction:column}.mo-header-actions{width:100%}.mo-filter{flex:1 1}.mo-card{border-radius:10px;padding:12px}.mo-card-bottom{align-items:stretch;flex-direction:column}.mo-date{margin-left:0;text-align:center}.mo-btn-outline,.mo-btn-primary.sm{justify-content:center;text-align:center;width:100%}}@media (max-width:480px){.mo-card{padding:10px}.mo-card-info{gap:5px}.mo-card-price strong,.mo-order-num{font-size:12px}}.stripe-payment-form{padding:clamp(12px,1.5vw,20px)}.payment-amount{align-items:center;background:#f5f7fa;border-radius:10px;color:#555;display:flex;flex-wrap:wrap;font-size:clamp(13px,1.1vw,16px);gap:8px;justify-content:space-between;margin-bottom:clamp(16px,2vw,25px);padding:clamp(10px,1.2vw,15px)}.payment-amount strong{color:#1a1a2e;font-size:clamp(18px,2vw,24px);font-weight:700}.card-element-container{margin-bottom:clamp(12px,1.5vw,20px)}.card-element-container label{color:#333;display:block;font-size:clamp(12px,1vw,14px);font-weight:600;margin-bottom:8px}.card-element-container .StripeElement{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:clamp(12px,1.3vw,15px);transition:border-color .3s ease}.card-element-container .StripeElement--focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.card-element-container .StripeElement--invalid{border-color:#fa755a}.payment-error{background:#fef2f2;border-left:3px solid #fa755a;border-radius:8px;color:#fa755a;font-size:clamp(12px,1vw,14px);line-height:1.4;margin-bottom:clamp(12px,1.5vw,20px);padding:10px 15px}.btn-primary.full-width{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:clamp(14px,1.2vw,16px);font-weight:700;padding:clamp(12px,1.3vw,15px) clamp(16px,2vw,20px);transition:all .3s ease}.btn-primary.full-width:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-primary.full-width:disabled{cursor:not-allowed;opacity:.6}.payment-security{color:#999;display:flex;flex-direction:column;font-size:clamp(11px,.9vw,13px);gap:4px;margin-top:clamp(12px,1.5vw,20px);text-align:center}.payment-security span:first-child{color:#666;font-weight:600}@media (max-width:480px){.stripe-payment-form{padding:8px}.payment-amount{flex-direction:column;text-align:center}.btn-primary.full-width{font-size:13px;padding:10px 16px}}.modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;padding:clamp(12px,2vw,20px);position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content.small{max-width:420px}.modal-content.medium{max-width:600px}.modal-content.large{max-width:800px}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:clamp(14px,2vw,20px) clamp(16px,2.5vw,25px);position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-title{color:#1a1a2e;font-size:clamp(16px,1.6vw,20px);font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:clamp(20px,2.2vw,24px);justify-content:center;padding:6px;transition:all .3s ease}.modal-close:hover{background:#f0f0f0;color:#333}.modal-close:active{transform:scale(.9)}.modal-body{padding:clamp(16px,2.5vw,25px)}@media (max-width:480px){.modal-overlay{align-items:flex-end;padding:8px}.modal-content{border-radius:16px 16px 0 0;max-height:85vh}.modal-content.large,.modal-content.medium,.modal-content.small{max-width:100%}.modal-header{border-radius:16px 16px 0 0}}.od-page{background:linear-gradient(180deg,#f0f2f8,#f5f7fa);min-height:100vh;padding:clamp(16px,3vw,32px) 0}.od-container{margin:0 auto;max-width:1100px;padding:0 clamp(14px,3vw,24px)}.od-back{align-items:center;background:#0000;border:none;color:#888;cursor:pointer;display:inline-flex;font-size:clamp(12px,1vw,13px);font-weight:600;gap:6px;margin-bottom:clamp(12px,1.5vw,16px);padding:6px 0;transition:color .3s}.od-back:hover{color:#667eea}.od-top-bar{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 10px #00000008;gap:10px;justify-content:space-between;margin-bottom:clamp(12px,1.5vw,16px);padding:clamp(14px,2vw,20px)}.od-top-bar,.od-top-left{align-items:center;display:flex;flex-wrap:wrap}.od-top-left{gap:clamp(6px,1vw,10px)}.od-top-left h1{color:#1a1a2e;font-size:clamp(16px,2vw,24px);font-weight:700}.od-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:clamp(9px,.8vw,11px);font-weight:600;gap:3px;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.od-badge.pending,.od-badge.pending_payment{background:#fff8e1;color:#f57f17}.od-badge.assigned,.od-badge.in_progress{background:#e3f2fd;color:#1565c0}.od-badge-green,.od-badge.completed{background:#e8f5e9;color:#2e7d32}.od-badge.delivered{background:#e0f2f1;color:#00695c}.od-badge-yellow,.od-badge.revision{background:#fff8e1;color:#f57f17}.od-badge.cancelled,.od-badge.refunded{background:#ffebee;color:#c62828}.od-badge-cyan{background:#e0f7fa;color:#00838f}.od-price-tag{text-align:right}.od-price-label{color:#aaa;display:block;font-size:9px;letter-spacing:.5px;text-transform:uppercase}.od-price-tag strong{color:#1a1a2e;font-size:clamp(16px,2vw,22px)}.od-grid{grid-gap:clamp(12px,1.5vw,16px);align-items:start;display:grid;gap:clamp(12px,1.5vw,16px);grid-template-columns:2fr 1fr}.od-main{min-width:0}.od-main,.od-sidebar{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,14px)}.od-sidebar{position:-webkit-sticky;position:sticky;top:90px}.od-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000008;padding:clamp(14px,1.8vw,20px)}.od-card h2{align-items:center;color:#1a1a2e;display:flex;font-size:clamp(14px,1.2vw,16px);font-weight:600;gap:7px;margin-bottom:clamp(8px,1vw,12px)}.od-card-green{background:#f8fdf8;border:1px solid #c8e6c9}.od-detail-grid{grid-gap:clamp(8px,1vw,12px);display:grid;gap:clamp(8px,1vw,12px);grid-template-columns:1fr 1fr}.od-detail-item{display:flex;flex-direction:column;gap:2px}.od-detail-lbl{align-items:center;color:#aaa;display:flex;font-size:10px;gap:3px;letter-spacing:.3px;text-transform:uppercase}.od-detail-val{color:#333;font-size:clamp(12px,1vw,14px);font-weight:500}.od-deadline{color:#d32f2f;font-weight:600}.od-text{color:#666;font-size:clamp(12px,1vw,14px);line-height:1.7;white-space:pre-wrap;word-break:break-word}.od-files{display:flex;flex-direction:column;gap:6px}.od-file-btn{align-items:center;background:#f5f7fa;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:clamp(11px,.9vw,13px);gap:6px;padding:clamp(6px,.8vw,8px) clamp(10px,1.2vw,14px);transition:all .3s}.od-file-btn:hover{background:#eef1ff}.od-file-btn span{color:#aaa;font-size:10px}.od-file-btn-green{background:#e8f5e9;color:#2e7d32}.od-file-btn-green:hover{background:#c8e6c9}.od-rev-tag{font-size:9px;margin-left:4px;padding:1px 6px}.od-rev-tag,.od-revision-note{background:#e0f7fa;border-radius:6px;color:#00838f}.od-revision-note{display:inline-block;font-size:11px;margin-bottom:8px;padding:4px 10px}.od-writer-row{align-items:center;display:flex;gap:10px}.od-writer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:clamp(15px,1.5vw,18px);font-weight:700;height:clamp(36px,4vw,44px);justify-content:center;width:clamp(36px,4vw,44px)}.od-writer-row strong{color:#1a1a2e;font-size:clamp(13px,1vw,14px)}.od-writer-hint{color:#aaa;font-size:10px;margin-top:2px}.od-msg-box{background:#f8f9fc;border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-height:350px;overflow-y:auto;padding:clamp(10px,1.2vw,14px)}.od-msg{border-radius:14px;font-size:clamp(12px,1vw,13px);max-width:80%;padding:clamp(6px,.8vw,10px) clamp(10px,1.2vw,14px)}.od-msg-sent{background:#667eea;border-radius:16px 16px 4px 16px;color:#fff;margin-left:auto}.od-msg-recv{background:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 1px 3px #0000000a;color:#333}.od-msg p{line-height:1.4;margin-bottom:2px}.od-msg-head{display:flex;font-size:10px;justify-content:space-between;margin-bottom:2px;opacity:.7}.od-msg-time{font-size:9px;opacity:.5}.od-no-msg{color:#aaa;font-size:12px;padding:20px;text-align:center}.od-msg-form{display:flex;gap:8px}.od-msg-input{border:2px solid #e0e0e0;border-radius:20px;flex:1 1;font-family:inherit;font-size:clamp(12px,1vw,13px);padding:clamp(8px,1vw,10px)clamp(10px,1.2vw,14px);transition:border-color .3s}.od-msg-input:focus{border-color:#667eea;outline:none}.od-msg-warn{color:#aaa;font-size:9px;margin-top:6px;text-align:center}.od-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(12px,1vw,13px);font-weight:600;gap:6px;justify-content:center;padding:clamp(8px,1vw,10px)clamp(14px,1.6vw,18px);text-decoration:none;transition:all .3s}.od-btn:hover{background:#5a6fd6;transform:translateY(-1px)}.od-btn.full{margin-bottom:6px;width:100%}.od-btn-accent{background:linear-gradient(135deg,#667eea,#5a6fd6)}.od-btn-outline{align-items:center;background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:clamp(12px,1vw,13px);font-weight:600;gap:6px;justify-content:center;padding:clamp(8px,1vw,10px)clamp(14px,1.6vw,18px);text-decoration:none;transition:all .3s}.od-btn-outline:hover{border-color:#667eea}.od-btn-outline.full{margin-bottom:6px;width:100%}.od-btn-red{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(12px,1vw,13px);font-weight:600;gap:6px;justify-content:center;padding:clamp(8px,1vw,10px)clamp(14px,1.6vw,18px);transition:all .3s}.od-btn-red:hover{background:#c0392b}.od-btn-red.full{margin-bottom:6px;width:100%}.od-btn-red:disabled,.od-btn:disabled{cursor:not-allowed;opacity:.6}.od-timeline{padding:4px 0}.od-tl-item{display:flex;gap:10px;padding:10px 0;position:relative}.od-tl-item:not(:last-child):before{background:#e0e0e0;bottom:0;content:"";left:5px;position:absolute;top:28px;width:2px}.od-tl-dot{background:#e0e0e0;border-radius:50%;flex-shrink:0;height:12px;margin-top:2px;width:12px}.od-tl-item.done .od-tl-dot{background:#667eea}.od-tl-item.active .od-tl-dot{background:#ffc107;box-shadow:0 0 0 3px #ffc10733}.od-tl-item.cancel .od-tl-dot{background:#e74c3c}.od-tl-item p{color:#1a1a2e;font-size:clamp(11px,1vw,12px);font-weight:600;margin-bottom:1px}.od-tl-item span{color:#aaa;font-size:10px}.od-confirm{padding:8px 0;text-align:center}.od-confirm p{color:#666;font-size:clamp(13px,1vw,14px);margin-bottom:10px}.od-warn{background:#fff8e1;border-radius:6px;color:#f57f17!important;font-size:12px!important;padding:8px}.od-confirm-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.od-submit{padding:8px 0}.od-submit p{color:#555;font-size:clamp(12px,1vw,13px);margin-bottom:10px}.od-submit input[type=file]{border:2px dashed #e0e0e0;border-radius:10px;cursor:pointer;display:block;font-size:clamp(11px,.9vw,12px);margin-bottom:10px;padding:clamp(10px,1.2vw,14px);transition:border-color .3s;width:100%}.od-submit input[type=file]:hover{border-color:#667eea}.od-submit-files{background:#f5f7fa;border-radius:8px;margin-bottom:10px;padding:8px 10px}.od-submit-files p{color:#333;font-size:11px;font-weight:600;margin-bottom:4px}.od-submit-files span{color:#667eea;display:block;font-size:11px;margin:2px 0}.od-loading{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:60vh}.od-loading p{color:#888;font-size:12px}.od-spinner{animation:spin .8s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:36px;width:36px}@media(max-width:968px){.od-grid{grid-template-columns:1fr}.od-sidebar{position:static}.od-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.od-detail-grid{grid-template-columns:1fr}.od-top-left h1{font-size:15px}.od-msg{max-width:90%}.od-confirm-actions{flex-direction:column}.od-confirm-actions button{width:100%}.od-msg-form{flex-direction:column}.od-msg-form .od-btn{width:100%}}.review-writer-page{background:#f5f7fa;min-height:100vh;padding:clamp(24px,4vw,60px) 0}.container{max-width:700px}.review-writer-page h1{color:#1a1a2e;font-size:clamp(20px,2.6vw,32px);font-weight:700;margin-bottom:6px;text-align:center}.subtitle{color:#666;font-size:clamp(13px,1.1vw,15px);margin-bottom:clamp(20px,3vw,40px);text-align:center}.review-content{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;margin:0 auto;max-width:600px;padding:clamp(20px,3vw,40px)}.review-order-summary{background:#f5f7fa;border-radius:12px;margin-bottom:clamp(16px,2vw,30px);padding:clamp(12px,1.5vw,20px)}.review-order-summary h3{color:#667eea;font-size:clamp(15px,1.3vw,18px);font-weight:600;margin-bottom:6px}.review-order-summary p{color:#333;font-size:clamp(13px,1.1vw,15px);margin-bottom:6px}.order-category{background:#fff;border-radius:12px;color:#999;display:inline-block;font-size:clamp(10px,.9vw,12px);padding:3px 10px}.review-writer-info{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:clamp(12px,1.5vw,20px);margin-bottom:clamp(16px,2vw,30px);padding-bottom:clamp(12px,1.5vw,20px)}.writer-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:clamp(18px,2.2vw,24px);font-weight:700;height:clamp(50px,7vw,70px);justify-content:center;width:clamp(50px,7vw,70px)}.review-writer-info h3{color:#1a1a2e;font-size:clamp(15px,1.3vw,18px);font-weight:600;margin-bottom:4px}.writer-specialization{color:#666;font-size:clamp(11px,1vw,14px);line-height:1.4}.rating-section{margin-bottom:clamp(16px,2vw,30px);text-align:center}.rating-section label{color:#1a1a2e;display:block;font-size:clamp(14px,1.2vw,16px);font-weight:600;margin-bottom:12px}.star-rating-input{display:flex;gap:clamp(6px,1vw,10px);justify-content:center;margin-bottom:8px}.star-input{color:#e0e0e0;cursor:pointer;font-size:clamp(28px,4vw,40px);transition:all .2s ease}.star-input.active{fill:gold;color:gold}.star-input:hover{transform:scale(1.15)}.rating-text{color:#666;font-size:clamp(12px,1vw,14px);font-weight:500}.comment-section{margin-bottom:clamp(16px,2vw,30px)}.comment-section label{color:#1a1a2e;display:block;font-size:clamp(13px,1.1vw,14px);font-weight:600;margin-bottom:8px}.comment-section textarea{border:2px solid #e0e0e0;border-radius:12px;color:#333;font-family:inherit;font-size:clamp(13px,1vw,14px);min-height:100px;padding:clamp(10px,1.3vw,15px);resize:vertical;transition:border-color .3s ease;width:100%}.comment-section textarea:focus{border-color:#667eea;outline:none}.comment-section textarea::placeholder{color:#aaa}.char-count{color:#999;display:block;font-size:clamp(10px,.8vw,12px);margin-top:5px;text-align:right}.review-actions{display:flex;flex-wrap:wrap;gap:clamp(10px,1.2vw,15px);justify-content:flex-end}.review-actions .btn-outline{background:#0000;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;font-size:clamp(13px,1vw,14px);font-weight:600;padding:clamp(10px,1.1vw,12px) clamp(18px,2vw,25px);transition:all .3s ease}.review-actions .btn-outline:hover{border-color:#667eea;color:#667eea}.review-actions .btn-primary{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:clamp(13px,1vw,14px);font-weight:600;padding:clamp(10px,1.1vw,12px) clamp(18px,2vw,30px);transition:all .3s ease}.review-actions .btn-primary:hover:not(:disabled){background:#5a6fd6}.review-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{min-height:60vh}.spinner{height:clamp(36px,4vw,48px);width:clamp(36px,4vw,48px)}@media (max-width:480px){.review-content{border-radius:14px;padding:16px}.review-actions{flex-direction:column}.review-actions .btn-outline,.review-actions .btn-primary{justify-content:center;text-align:center;width:100%}.star-input{font-size:32px}}.profile-page{background:#f5f7fa;min-height:calc(100vh - 80px);padding:60px 0}.profile-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;display:flex;gap:30px;margin-bottom:30px;padding:30px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:100px;justify-content:center;width:100px}.profile-title{flex:1 1}.profile-title h1{color:#333;margin-bottom:5px}.role-badge{background:#667eea20;border-radius:20px;color:#667eea;font-size:14px;font-weight:500;padding:5px 15px;text-transform:capitalize}.profile-form{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;padding:30px}.profile-details{display:flex;flex-direction:column;gap:20px}.detail-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;padding:30px}.detail-card h3{color:#333;margin-bottom:20px}.detail-item{border-bottom:1px solid #f0f0f0;display:flex;padding:15px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#999;font-weight:500;width:150px}.detail-item span:last-child{color:#333;flex:1 1}.specialties{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:768px){.profile-header{flex-direction:column;text-align:center}}.verification-badge{background:#d4edda;border-radius:15px;color:#155724;font-size:12px;font-weight:500;padding:4px 12px}.username-highlight{color:#667eea;font-size:16px;font-weight:600}.username-note{color:#999;font-size:12px;font-style:italic;margin-top:10px}.profile-title{display:flex;flex-direction:column;gap:8px}.demo-credentials{border-top:1px solid #f0f0f0;margin-top:30px;padding-top:20px}.demo-title{color:#999;font-size:12px;margin-bottom:10px;text-align:center}.demo-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.demo-btn{background:#fff;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:11px;padding:6px 14px;transition:all .3s}.demo-btn:hover{transform:translateY(-1px)}.demo-btn.admin-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.demo-btn.customer-btn:hover{background:#4caf50;border-color:#4caf50;color:#fff}.demo-btn.writer-btn:hover{background:#2196f3;border-color:#2196f3;color:#fff}.why-us-page{min-height:100vh}.why-us-hero{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;padding:clamp(50px,8vw,100px) clamp(16px,3vw,20px);text-align:center}.why-us-hero h1{font-size:clamp(26px,4vw,48px);font-weight:800;margin-bottom:12px}.why-us-hero p{font-size:clamp(14px,1.5vw,18px);line-height:1.5;margin:0 auto;max-width:600px;opacity:.9}.why-us-features{background:#fff;padding:clamp(40px,6vw,80px) 0}.features-grid-why{grid-gap:clamp(16px,2vw,30px);display:grid;gap:clamp(16px,2vw,30px);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.why-card{border:1px solid #f0f0f0;border-radius:20px;padding:clamp(20px,2.5vw,35px);transition:all .3s ease}.why-card:hover{border-color:#667eea;box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.why-icon{color:#667eea;font-size:clamp(36px,4vw,48px);margin-bottom:clamp(12px,1.5vw,20px)}.why-card h3{color:#1a1a2e;font-size:clamp(17px,1.5vw,20px);font-weight:600;margin-bottom:10px}.why-card p{color:#666;font-size:clamp(13px,1.1vw,15px);line-height:1.7}.why-us-stats{background:linear-gradient(135deg,#667eea,#764ba2);padding:clamp(40px,6vw,80px) 0}.stats-grid-why{grid-gap:clamp(16px,2vw,30px);display:grid;gap:clamp(16px,2vw,30px);grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));text-align:center}.stat-card-why{padding:clamp(16px,2vw,30px)}.stat-number-why{color:#fff;display:block;font-size:clamp(32px,5vw,52px);font-weight:800;margin-bottom:8px}.stat-label-why{color:#fff;font-size:clamp(14px,1.4vw,18px);opacity:.9}.guarantees{background:#f5f7fa;padding:clamp(40px,6vw,80px) 0}.guarantees h2{color:#1a1a2e;font-size:clamp(24px,3.5vw,36px);font-weight:700;margin-bottom:clamp(24px,3vw,50px);text-align:center}.guarantees-grid{grid-gap:clamp(16px,2vw,30px);display:grid;gap:clamp(16px,2vw,30px);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.guarantee-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;padding:clamp(20px,2.5vw,35px);text-align:center;transition:transform .3s ease}.guarantee-card:hover{transform:translateY(-4px)}.guarantee-icon{color:#4caf50;font-size:clamp(36px,4vw,48px);margin-bottom:clamp(12px,1.5vw,20px)}.guarantee-card h3{color:#1a1a2e;font-size:clamp(16px,1.4vw,18px);font-weight:600;margin-bottom:10px}.guarantee-card p{color:#666;font-size:clamp(13px,1.1vw,14px);line-height:1.6}.why-us-cta{background:linear-gradient(135deg,#1a1a2e,#0f3460);padding:clamp(50px,8vw,100px) clamp(16px,3vw,20px);text-align:center}.why-us-cta h2{color:#fff;font-size:clamp(22px,3vw,36px);font-weight:700;margin-bottom:12px}.why-us-cta p{color:#fff;font-size:clamp(14px,1.5vw,18px);margin-bottom:clamp(20px,3vw,40px);opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:clamp(12px,1.5vw,20px);justify-content:center}.cta-buttons .btn-primary{background:linear-gradient(135deg,gold,#fa0);border-radius:50px;color:#1a1a2e;display:inline-block;font-size:clamp(15px,1.3vw,18px);font-weight:700;padding:clamp(12px,1.5vw,15px) clamp(28px,3.5vw,40px);text-decoration:none;transition:all .3s ease}.cta-buttons .btn-primary:hover{background:#fff;box-shadow:0 10px 25px #ffd70080;transform:translateY(-3px)}.cta-buttons .btn-secondary{border:2px solid #fff;border-radius:50px;color:#fff;display:inline-block;font-size:clamp(15px,1.3vw,18px);padding:clamp(12px,1.5vw,15px) clamp(28px,3.5vw,40px);text-decoration:none;transition:all .3s ease}.cta-buttons .btn-secondary:hover{background:#fff;color:#1a1a2e;transform:translateY(-3px)}@media (max-width:768px){.features-grid-why{gap:12px;grid-template-columns:1fr}.why-card{border-radius:14px;padding:18px 14px}.why-card h3{font-size:15px}.why-card p{font-size:12px}.guarantees-grid{gap:10px;grid-template-columns:1fr}.guarantee-card{border-radius:14px;padding:16px}.stats-grid-why{gap:12px;grid-template-columns:1fr 1fr}.stat-number-why{font-size:28px}.stat-label-why{font-size:12px}.why-us-hero h1{font-size:22px}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{max-width:280px;text-align:center;width:100%}}@media (max-width:480px){.stats-grid-why{gap:8px;grid-template-columns:1fr}.stat-card-why{padding:12px}.stat-number-why{font-size:24px}}.how-it-works-page{min-height:100vh}.hiw-hero{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;padding:clamp(50px,8vw,100px) clamp(16px,3vw,20px);text-align:center}.hiw-hero h1{font-size:clamp(26px,4vw,48px);font-weight:800;margin-bottom:12px}.hiw-hero p{font-size:clamp(14px,1.5vw,18px);margin:0 auto;max-width:500px;opacity:.9}.hiw-steps{background:#fff;padding:clamp(40px,6vw,80px) 0}.step-item{grid-gap:clamp(20px,3vw,40px);align-items:center;background:#f8f9ff;border-radius:20px;display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:120px 1fr;margin-bottom:clamp(24px,3vw,60px);padding:clamp(20px,3vw,40px);transition:transform .3s ease,box-shadow .3s ease}.step-item:hover{box-shadow:0 10px 30px #00000014;transform:translateY(-3px)}.step-item:last-child{margin-bottom:0}.step-item.reverse{grid-template-columns:1fr 120px}.step-number-large{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,7vw,80px);font-weight:800;line-height:1;text-align:center}.step-content{padding:clamp(10px,1.5vw,20px)}.step-icon-large{color:#667eea;font-size:clamp(32px,4vw,48px);margin-bottom:12px}.step-content h2{color:#1a1a2e;font-size:clamp(20px,2.2vw,28px);font-weight:700;margin-bottom:10px}.step-content p{color:#666;font-size:clamp(13px,1.2vw,16px);line-height:1.8;margin-bottom:clamp(12px,1.5vw,20px)}.btn-outline{align-items:center;border:2px solid #667eea;border-radius:25px;display:inline-flex;font-size:clamp(13px,1.1vw,14px);font-weight:600;padding:clamp(8px,1vw,10px) clamp(16px,2vw,24px)}.hiw-payment{background:#f5f7fa;padding:clamp(40px,6vw,80px) 0}.hiw-payment h2{color:#1a1a2e;font-size:clamp(22px,3vw,36px);font-weight:700;margin-bottom:clamp(24px,3vw,50px);text-align:center}.payment-steps-grid{grid-gap:clamp(14px,2vw,30px);display:grid;gap:clamp(14px,2vw,30px);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.payment-step{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;padding:clamp(20px,2.5vw,35px);text-align:center;transition:transform .3s ease}.payment-step:hover{transform:translateY(-3px)}.payment-icon{color:#667eea;font-size:clamp(32px,4vw,48px);margin-bottom:14px}.payment-step h3{color:#1a1a2e;font-size:clamp(15px,1.4vw,18px);font-weight:600;margin-bottom:10px}.payment-step p{color:#666;font-size:clamp(12px,1.1vw,14px);line-height:1.6}.hiw-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:clamp(50px,8vw,100px) clamp(16px,3vw,20px);text-align:center}.hiw-cta h2{color:#fff;font-size:clamp(22px,3vw,36px);font-weight:700;margin-bottom:12px}.hiw-cta p{color:#fff;font-size:clamp(14px,1.5vw,18px);margin-bottom:clamp(20px,3vw,40px);opacity:.9}.btn-primary{background:#fff;border-radius:50px;color:#667eea;font-size:clamp(15px,1.3vw,18px);font-weight:700;padding:clamp(12px,1.5vw,15px) clamp(28px,3vw,40px)}.btn-primary:hover{background:gold;box-shadow:0 10px 30px #ffd70066;color:#1a1a2e;transform:translateY(-3px)}@media (max-width:768px){.step-item,.step-item.reverse{border-radius:14px;gap:10px;grid-template-columns:1fr;padding:20px 16px;text-align:center}.step-item.reverse .step-number-large{order:-1}.step-number-large{font-size:40px}.step-content{padding:0}.step-icon-large{font-size:28px;margin-bottom:8px}.step-content h2{font-size:17px;margin-bottom:6px}.step-content p{font-size:12px;line-height:1.6;margin-bottom:10px}.btn-outline{font-size:12px;padding:7px 16px}.payment-steps-grid{gap:10px;grid-template-columns:1fr}.payment-step{border-radius:14px;padding:16px}.hiw-cta h2,.hiw-payment h2{font-size:20px;margin-bottom:16px}}@media (max-width:480px){.step-item,.step-item.reverse{border-radius:12px;margin-bottom:12px;padding:14px 12px}.step-number-large{font-size:32px}.step-content h2{font-size:15px}.btn-outline,.step-content p{font-size:11px}.btn-outline{border-radius:20px;padding:6px 14px}}.pricing-page{min-height:100vh}.container{max-width:1100px}.pricing-hero{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;padding:clamp(50px,8vw,100px) clamp(16px,3vw,20px);text-align:center}.pricing-hero h1{font-size:clamp(26px,4vw,48px);font-weight:800;margin-bottom:12px}.pricing-hero p{font-size:clamp(14px,1.5vw,18px);margin:0 auto;max-width:500px;opacity:.9}.pricing-tables{background:#f5f7fa;padding:clamp(40px,6vw,80px) 0}.pricing-grid{grid-gap:clamp(16px,2vw,30px);display:grid;gap:clamp(16px,2vw,30px);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:0 auto;max-width:1100px}.pricing-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;padding:clamp(24px,3vw,40px) clamp(16px,2.5vw,30px);position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-8px)}.pricing-card.featured{border:3px solid #667eea;box-shadow:0 10px 35px #667eea26}.pricing-card.featured:hover{box-shadow:0 20px 50px #667eea40;transform:translateY(-10px)}.popular-badge{background:linear-gradient(135deg,gold,#fa0);border-radius:25px;color:#1a1a2e;font-size:clamp(11px,1vw,14px);font-weight:700;left:50%;padding:7px 18px;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.pricing-card h3{color:#1a1a2e;font-size:clamp(17px,1.6vw,22px);font-weight:600;margin-bottom:clamp(12px,1.5vw,20px)}.price{margin-bottom:clamp(18px,2.5vw,30px)}.currency{color:#667eea;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1;vertical-align:top}.amount{color:#1a1a2e;font-size:clamp(40px,6vw,60px);font-weight:800;line-height:1}.period{color:#999;display:block;font-size:clamp(12px,1.2vw,16px)}.pricing-features{flex-grow:1;list-style:none;margin-bottom:clamp(20px,2.5vw,30px);padding:0;text-align:left}.pricing-features li{align-items:center;color:#555;display:flex;font-size:clamp(12px,1.1vw,14px);gap:clamp(6px,1vw,10px);padding:clamp(7px,.8vw,10px) 0}.check-icon{color:#4caf50;flex-shrink:0;font-size:clamp(16px,1.4vw,18px)}.btn-pricing{border:2px solid #667eea;border-radius:25px;color:#667eea;display:inline-block;font-size:clamp(13px,1.1vw,14px);font-weight:600;margin-top:auto;padding:clamp(10px,1.2vw,12px) clamp(20px,2.5vw,30px);text-decoration:none;transition:all .3s ease}.btn-pricing:hover{background:#667eea;color:#fff}.btn-featured{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-featured:hover{background:#5a6fd6;color:#fff}.pricing-features-section{background:#fff;padding:clamp(40px,6vw,80px) 0}.pricing-features-section h2{color:#1a1a2e;font-size:clamp(22px,3vw,36px);font-weight:700;margin-bottom:clamp(24px,4vw,50px);text-align:center}.features-included{grid-gap:clamp(10px,1.5vw,20px);display:grid;gap:clamp(10px,1.5vw,20px);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin:0 auto;max-width:900px}.included-item{align-items:center;color:#555;display:flex;font-size:clamp(13px,1.2vw,16px);gap:clamp(8px,1vw,12px);padding:clamp(10px,1.2vw,15px)}.included-check{color:#4caf50;flex-shrink:0;font-size:clamp(18px,1.8vw,22px)}.pricing-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:clamp(50px,8vw,100px) clamp(16px,3vw,20px);text-align:center}.pricing-cta h2{color:#fff;font-size:clamp(22px,3vw,36px);font-weight:700;margin-bottom:12px}.pricing-cta p{color:#fff;font-size:clamp(14px,1.5vw,18px);margin-bottom:clamp(20px,3vw,40px);margin-left:auto;margin-right:auto;max-width:500px;opacity:.9}.pricing-cta .btn-primary{background:#fff;border-radius:50px;color:#667eea;display:inline-block;font-size:clamp(15px,1.3vw,18px);font-weight:700;padding:clamp(12px,1.5vw,15px) clamp(28px,3.5vw,40px);text-decoration:none;transition:all .3s ease}.pricing-cta .btn-primary:hover{background:gold;box-shadow:0 10px 30px #ffd70066;color:#1a1a2e;transform:translateY(-3px)}@media (max-width:768px){.pricing-grid{gap:14px;grid-template-columns:1fr 1fr}.pricing-card{border-radius:14px;padding:18px 14px}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-6px)}.amount{font-size:36px}.pricing-card h3{font-size:15px}.pricing-features li{font-size:11px}.features-included{gap:8px;grid-template-columns:1fr 1fr}.included-item{font-size:12px;padding:8px}}@media (max-width:480px){.pricing-grid{gap:10px;grid-template-columns:1fr}.features-included{gap:4px;grid-template-columns:1fr}.amount{font-size:32px}}.legal-page{background:#f5f7fa;min-height:100vh}.container{max-width:1000px}.legal-hero{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;padding:clamp(40px,7vw,80px) clamp(16px,3vw,20px);text-align:center}.legal-hero h1{font-size:clamp(24px,3.5vw,42px);font-weight:800;margin-bottom:10px}.legal-hero p{font-size:clamp(13px,1.3vw,16px);margin:0 auto;max-width:500px;opacity:.85}.legal-content{padding:clamp(30px,5vw,60px) 0}.legal-container{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;margin:0 auto;max-width:900px;padding:clamp(24px,4vw,50px)}.legal-container .last-updated{color:#999;font-size:clamp(12px,1.1vw,14px);font-style:italic;margin-bottom:clamp(20px,2.5vw,30px)}.legal-container h2{color:#1a1a2e;font-size:clamp(20px,2.2vw,28px);font-weight:700;margin-bottom:clamp(12px,1.5vw,20px);margin-top:clamp(24px,3vw,40px)}.legal-container h2:first-child{margin-top:0}.legal-container h3{color:#333;font-size:clamp(16px,1.6vw,20px);font-weight:600;margin-bottom:clamp(10px,1.2vw,15px);margin-top:clamp(18px,2vw,30px)}.legal-container p{color:#555;font-size:clamp(14px,1.2vw,16px);line-height:1.8;margin-bottom:clamp(12px,1.5vw,20px)}.legal-container ol,.legal-container ul{margin-bottom:clamp(12px,1.5vw,20px);padding-left:clamp(20px,2vw,25px)}.legal-container li{color:#555;font-size:clamp(13px,1.1vw,15px);line-height:1.8;margin-bottom:clamp(6px,.8vw,10px)}.legal-container strong{color:#333}@media (max-width:768px){.legal-container{border-radius:14px;padding:20px 16px}.legal-container h2{font-size:18px;margin-bottom:10px;margin-top:20px}.legal-container h3{font-size:15px;margin-bottom:8px;margin-top:16px}.legal-container p{font-size:13px;margin-bottom:10px}.legal-container li{font-size:12px}.legal-hero h1{font-size:20px}}@media (max-width:480px){.legal-container{border-radius:12px;padding:16px 12px}.legal-container h2{font-size:16px}.legal-container p{font-size:12px;line-height:1.7}}.admin-page{background:#f5f7fa;min-height:calc(100vh - 80px);padding:60px 0}.admin-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.admin-header h1{color:#1a1a2e;font-size:32px}.admin-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 16px}.admin-tabs{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding:10px}.tab-btn{background:#0000;border:none;border-radius:10px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.tab-btn:hover{background:#f0f0f0;color:#333}.tab-btn.active{background:#667eea;color:#fff}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.admin-stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;display:flex;gap:20px;padding:25px;transition:transform .3s}.admin-stat-card:hover{transform:translateY(-3px)}.admin-stat-card.highlight-green{background:#f0fff0;border-left:4px solid #4caf50}.admin-stat-card.highlight-blue{background:#f0f8ff;border-left:4px solid #2196f3}.admin-stat-icon{color:#667eea;flex-shrink:0;font-size:40px}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-value{color:#1a1a2e;font-size:28px;font-weight:700}.admin-stat-label{color:#666;font-size:13px}.admin-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;margin-bottom:25px;padding:25px}.admin-section h2{color:#1a1a2e;font-size:20px;margin-bottom:20px}.revenue-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.revenue-card{border-radius:15px;padding:25px;text-align:center}.revenue-card.admin-revenue{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea}.revenue-card.writer-revenue{background:linear-gradient(135deg,#4caf5015,#45a04915);border:2px solid #4caf50}.revenue-card h3{color:#333;font-size:18px;margin-bottom:10px}.revenue-amount{display:block;font-size:36px;font-weight:800;margin-bottom:10px}.revenue-card.admin-revenue .revenue-amount{color:#667eea}.revenue-card.writer-revenue .revenue-amount{color:#4caf50}.revenue-card p{color:#666;font-size:13px}.admin-table{overflow-x:auto}.table-header{background:#f5f7fa;border-radius:10px;font-weight:600;margin-bottom:5px}.table-header,.table-row{grid-gap:10px;color:#555;display:grid;font-size:13px;gap:10px;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr .8fr;min-width:1000px;padding:15px}.table-row{align-items:center;border-bottom:1px solid #f0f0f0;transition:background .3s}.table-row:hover{background:#fafafa}.table-row:last-child{border-bottom:none}.order-number{color:#667eea;font-weight:600}.order-title-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-cut{color:#667eea;font-weight:600}.writer-cut{color:#4caf50;font-weight:600}.action-cell{display:flex;gap:5px}.btn-icon{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;text-decoration:none;transition:all .3s;width:32px}.btn-icon:hover{background:#667eea;border-color:#667eea;color:#fff}.btn-icon.danger:hover{background:#e74c3c;border-color:#e74c3c}.btn-icon.success:hover{background:#4caf50;border-color:#4caf50}.status-badge-admin{border-radius:15px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-align:center;text-transform:capitalize}.status-badge-admin.pending_payment{background:#fff3cd;color:#856404}.status-badge-admin.pending{background:#cce5ff;color:#004085}.status-badge-admin.assigned{background:#d1ecf1;color:#0c5460}.status-badge-admin.in_progress{background:#cce5ff;color:#004085}.status-badge-admin.completed{background:#d4edda;color:#155724}.status-badge-admin.delivered{background:#d1e7dd;color:#0f5132}.status-badge-admin.revision{background:#fff3cd;color:#856404}.status-badge-admin.cancelled,.status-badge-admin.refunded{background:#f8d7da;color:#721c24}.status-badge-admin.approved{background:#d4edda;color:#155724}.status-badge-admin.rejected{background:#f8d7da;color:#721c24}.status-badge-admin.reviewed{background:#cce5ff;color:#004085}.modal-form{padding:10px 0}.modal-form p{color:#555;margin-bottom:15px}.modal-form .form-group{margin-bottom:20px}.modal-form label{color:#333;display:block;font-weight:600;margin-bottom:8px}.modal-form input,.modal-form select{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px 15px;transition:border-color .3s;width:100%}.modal-form input:focus,.modal-form select:focus{border-color:#667eea;outline:none}.hint{color:#999;font-size:12px;margin-top:5px}.full-width{margin-top:10px;width:100%}.confirm-dialog{text-align:center}.confirm-dialog p{color:#666;margin-bottom:15px}.warning-text{background:#fff3cd;border-radius:8px;color:#856404;font-size:14px;margin-top:10px;padding:10px}.confirm-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:1fr 1fr 1fr .8fr .8fr .8fr .8fr .8fr;min-width:900px}.table-header span:nth-child(2),.table-row span:nth-child(2){display:none}}@media (max-width:768px){.admin-header{align-items:flex-start;gap:10px}.admin-header,.admin-tabs{flex-direction:column}.tab-btn{text-align:center;width:100%}.revenue-cards{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:500px){.admin-stats-grid{grid-template-columns:1fr}}.tt-page{background:linear-gradient(180deg,#f0f2f8,#f5f7fa);min-height:100vh;padding:clamp(20px,4vw,40px) 0}.tt-container{margin:0 auto;max-width:750px;padding:0 clamp(14px,3vw,24px)}.tt-container h1{color:#1a1a2e;font-size:clamp(20px,2.6vw,28px);font-weight:700;margin-bottom:clamp(16px,2vw,24px);text-align:center}.tt-progress{flex-wrap:wrap;justify-content:center;margin-bottom:clamp(16px,2vw,24px)}.tt-progress,.tt-step{align-items:center;display:flex}.tt-step{flex-direction:column;gap:4px}.tt-step span{color:#aaa;font-size:clamp(9px,.8vw,11px);font-weight:500}.tt-step.done span{color:#4caf50}.tt-step-circle{align-items:center;background:#e0e0e0;border-radius:50%;color:#999;display:flex;font-size:clamp(12px,1.1vw,14px);font-weight:700;height:clamp(28px,3.5vw,36px);justify-content:center;width:clamp(28px,3.5vw,36px)}.tt-step.done .tt-step-circle{background:#4caf50;color:#fff}.tt-step-line{background:#e0e0e0;height:2px;margin:0 6px 18px;width:clamp(20px,4vw,50px)}.tt-step.done+.tt-step-line{background:#4caf50}.tt-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px #0000000a;padding:clamp(16px,2.5vw,28px)}.tt-title{color:#1a1a2e;font-size:clamp(16px,1.4vw,20px);font-weight:600;margin-bottom:clamp(10px,1.2vw,16px)}.tt-sub{color:#888;font-size:clamp(11px,1vw,13px);line-height:1.4;margin-bottom:clamp(12px,1.5vw,18px)}.tt-back-row{margin-bottom:10px}.tt-back{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;transition:color .3s}.tt-back:hover{color:#667eea}.tt-status-grid{grid-gap:clamp(8px,1.2vw,14px);display:grid;gap:clamp(8px,1.2vw,14px);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.tt-status-card{border:2px solid #e0e0e0;border-radius:12px;padding:clamp(14px,1.8vw,20px);text-align:center;transition:all .3s}.tt-status-card:hover{transform:translateY(-2px)}.tt-status-card.ok{background:#f8fdf8;border-color:#4caf50}.tt-status-card.ready{background:#f5faff;border-color:#2196f3}.tt-status-card.pend{background:#fffef5;border-color:#ffc107}.tt-status-icon{font-size:clamp(22px,2.5vw,28px);margin-bottom:6px}.tt-status-card.ok .tt-status-icon{color:#4caf50}.tt-status-card.ready .tt-status-icon{color:#2196f3}.tt-status-card.pend .tt-status-icon{color:#ffc107}.tt-status-card h3{color:#1a1a2e;font-size:clamp(13px,1.1vw,15px);font-weight:600;margin-bottom:4px}.tt-status-card p{color:#888;font-size:11px;margin-bottom:8px}.tt-qcard{background:#f8f9fc;border-radius:10px;margin-bottom:clamp(8px,1vw,12px);padding:clamp(10px,1.2vw,14px)}.tt-qnum{color:#aaa;font-size:10px;margin-bottom:2px}.tt-qtext{color:#1a1a2e;font-size:clamp(13px,1vw,14px);font-weight:600;line-height:1.3;margin-bottom:8px}.tt-qopts{grid-gap:clamp(5px,.7vw,8px);display:grid;gap:clamp(5px,.7vw,8px);grid-template-columns:1fr 1fr}.tt-opt{align-items:center;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:clamp(11px,.9vw,13px);gap:6px;padding:clamp(7px,.9vw,10px)clamp(8px,1vw,12px);transition:all .3s}.tt-opt.sel,.tt-opt:hover{border-color:#667eea}.tt-opt.sel{background:#667eea0d}.tt-opt input{display:none}.tt-result{border-radius:12px;padding:clamp(20px,3vw,30px);text-align:center}.tt-result.ok{background:#f0fff0;border:2px solid #4caf50}.tt-result.fail{background:#fff5f5;border:2px solid#e74c3c}.tt-result h3{font-size:clamp(22px,2.5vw,30px);font-weight:700;margin-bottom:6px}.tt-result.ok h3{color:#2e7d32}.tt-result.fail h3{color:#c62828}.tt-result p{color:#666;font-size:13px;margin-bottom:12px}.tt-field{margin-bottom:clamp(10px,1.2vw,16px)}.tt-field label{color:#333;display:block;font-size:clamp(11px,1vw,13px);font-weight:600;margin-bottom:4px}.tt-field select,.tt-field textarea{background:#fafbfc;border:2px solid#e0e0e0;border-radius:8px;color:#333;font-family:inherit;font-size:clamp(12px,1vw,13px);padding:clamp(8px,1vw,10px)clamp(10px,1.2vw,14px);transition:border-color .3s;width:100%}.tt-field select:focus,.tt-field textarea:focus{background:#fff;border-color:#667eea;outline:none}.tt-field textarea{line-height:1.6;min-height:160px;resize:vertical}.tt-wc{color:#aaa;font-size:10px;margin-top:3px;text-align:right}.tt-upload-zone{border:2px dashed#d0d0d0;border-radius:10px;margin-bottom:clamp(10px,1.2vw,14px);padding:clamp(16px,2.5vw,24px);text-align:center;transition:border-color .3s}.tt-upload-zone:hover{border-color:#667eea}.tt-upload-zone input{font-size:12px}.tt-file-name{color:#667eea;font-size:11px;font-weight:500;margin-top:8px}.tt-done{padding:clamp(12px,2vw,20px);text-align:center}.tt-done-icon{color:#4caf50;font-size:clamp(40px,6vw,56px);margin-bottom:10px}.tt-done h2{color:#2e7d32;font-size:clamp(17px,1.6vw,22px);margin-bottom:6px}.tt-done p{color:#888;font-size:clamp(11px,1vw,13px);line-height:1.5;margin-bottom:14px}.tt-done-grid{grid-gap:8px;background:#f8f9fc;border-radius:10px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:clamp(10px,1.2vw,14px);text-align:left}.tt-done-item{border-bottom:1px solid#eee;display:flex;font-size:11px;justify-content:space-between;padding:6px 0}.tt-done-item:last-child{border-bottom:none}.tt-done-item span{color:#888}.tt-done-item.ok strong{color:#2e7d32}.tt-done-item.pend strong{color:#f57f17}.tt-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(12px,1vw,13px);font-weight:600;gap:5px;justify-content:center;padding:clamp(8px,1vw,10px)clamp(16px,2vw,22px);transition:all .3s}.tt-btn:hover{background:#5a6fd6;transform:translateY(-1px)}.tt-btn:disabled{cursor:not-allowed;opacity:.6}.tt-btn.sm{font-size:11px;padding:clamp(5px,.7vw,7px)clamp(12px,1.4vw,16px)}.tt-btn.full{margin-top:clamp(8px,1vw,12px);width:100%}@media(max-width:768px){.tt-done-grid,.tt-qopts,.tt-status-grid{grid-template-columns:1fr}}@media(max-width:480px){.tt-progress{flex-direction:column;gap:0}.tt-step-line{height:16px;margin:2px 0;width:2px}.tt-card{border-radius:10px;padding:14px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.container{margin:0 auto;max-width:1200px;padding:0 clamp(12px,3vw,20px);width:100%}.section{padding:clamp(40px,6vw,80px) 0}.section-title{color:#1a1a2e;font-size:clamp(22px,3vw,36px);font-weight:700;margin-bottom:clamp(24px,3vw,50px);text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:clamp(14px,1.2vw,16px);font-weight:600;line-height:1.4;padding:clamp(10px,1.2vw,12px) clamp(20px,2.5vw,30px);text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#0000;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;display:inline-block;font-family:inherit;font-size:clamp(14px,1.2vw,16px);font-weight:600;line-height:1.4;padding:clamp(10px,1.2vw,12px) clamp(20px,2.5vw,30px);text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff}.btn-outline{background:#0000;border:1px solid #667eea;border-radius:20px;color:#667eea;cursor:pointer;display:inline-block;font-family:inherit;font-size:clamp(12px,1vw,14px);line-height:1.4;padding:clamp(7px,.8vw,8px) clamp(14px,1.8vw,20px);text-decoration:none;transition:all .3s ease}.btn-outline:hover{background:#667eea;color:#fff}.btn-danger{align-items:center;background:#e74c3c;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:clamp(13px,1vw,14px);font-weight:600;gap:6px;justify-content:center;padding:clamp(10px,1.1vw,12px) clamp(18px,2vw,24px);transition:all .3s ease}.btn-danger:hover{background:#c0392b}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:clamp(120px,20vh,200px)}.spinner{animation:spin .8s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:clamp(36px,4vw,50px);width:clamp(36px,4vw,50px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;padding:clamp(30px,5vw,60px) clamp(16px,2vw,20px);text-align:center}.empty-state p{color:#666;font-size:clamp(14px,1.2vw,16px);margin-bottom:clamp(12px,1.5vw,20px)}.empty-state h3{color:#1a1a2e;font-size:clamp(16px,1.6vw,22px);margin-bottom:8px}.empty-icon{color:#ccc;font-size:clamp(40px,6vw,64px);margin-bottom:clamp(12px,2vw,20px)}@media (max-width:480px){.btn-primary,.btn-secondary{font-size:13px;padding:10px 20px}.btn-outline{font-size:12px;padding:6px 14px}}
/*# sourceMappingURL=main.fdadecee.css.map*/