.auth-page{max-width:380px;margin:80px auto;padding:32px;background:#fff;border-radius:14px;box-shadow:0 15px 35px #0000001a;text-align:center;font-family:Inter,system-ui,sans-serif}.auth-page h2{margin-bottom:22px;font-size:1.7rem;font-weight:700;color:#111827}.auth-page input{width:100%;padding:12px 14px;margin-bottom:14px;border-radius:10px;border:1px solid #d1d5db;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.auth-page input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.auth-page button{width:100%;padding:12px;margin-top:10px;border:none;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.auth-page button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb4d}.auth-page button:disabled{opacity:.7;cursor:not-allowed}.auth-page p{margin-top:18px;font-size:.9rem;color:#6b7280}.auth-page a{color:#2563eb;font-weight:600;text-decoration:none}.auth-page a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.auth-page{background:#0f172a;box-shadow:0 15px 40px #0009}.auth-page h2{color:#e5e7eb}.auth-page input{background:#020617;border-color:#1f2937;color:#e5e7eb}.auth-page input::placeholder{color:#9ca3af}.auth-page p{color:#9ca3af}}.crop-container{min-height:100vh;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;display:flex;flex-direction:column;align-items:center}.crop-container h1{color:#333;text-align:center;margin-bottom:40px;font-size:28px;font-weight:600;max-width:800px;text-shadow:none}.form-card{background:#fff;padding:35px;border-radius:16px;width:100%;max-width:500px;box-shadow:0 0 20px #0000004d;margin:0 auto}.form-card h3{margin-bottom:25px;font-size:22px;color:#333;font-weight:600}label{display:block;margin-top:18px;margin-bottom:8px;font-weight:600;color:#555;font-size:14px;text-transform:uppercase;letter-spacing:.5px}input,select{width:100%;padding:12px 15px;margin-top:5px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 #4caf501a}input::placeholder{color:#aaa}button{margin-top:30px;width:100%;padding:15px;background:#4caf50;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #4caf5066;background:#45a049}button:disabled{background:#a5d6a7;cursor:not-allowed}.error{margin-top:15px;padding:12px;color:#d32f2f;background:#ffebee;border-radius:8px;font-size:14px;text-align:center;border-left:4px solid #d32f2f}.result-card{margin-top:30px;background:#fff;padding:35px;border-radius:16px;border:none;box-shadow:0 0 20px #0000004d;width:100%;max-width:700px}.result-card h3{color:#2e7d32;font-size:18px;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.result-card h2{color:#1b5e20;font-size:36px;margin:10px 0 20px;font-weight:700}.desc{margin:20px 0;color:#555;font-size:16px;line-height:1.6;padding:15px;background:#f1f8f4;border-radius:8px;border-left:4px solid #4caf50}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.stats div{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:20px;border-radius:12px;text-align:center;transition:transform .3s ease}.stats div:hover{transform:translateY(-5px)}.stats div span{color:#2e7d32;font-weight:700;font-size:12px;display:block;margin-bottom:10px;letter-spacing:1px}.stats div h2{color:#1b5e20;font-size:32px;margin:0}.result-card>div:last-child{margin-top:25px;padding:20px;background:#e8f5e9;border-radius:8px;color:#1b5e20}.result-card>div:last-child strong{font-size:16px;display:block;margin-bottom:10px;color:#2e7d32}.result-card>div:last-child pre{white-space:pre-wrap;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.6;margin:0;color:#1b5e20}@media (max-width: 768px){.crop-container h1{font-size:22px}.form-card{padding:25px}.result-card h2{font-size:28px}.stats{grid-template-columns:1fr}}.page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8f5e9);padding:40px 20px}.container{margin:0 auto;animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container h2{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:8px;display:flex;align-items:center;gap:12px}.container h2 span{font-size:2.5rem}.two-column-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.card h3{font-size:1.3rem;font-weight:600;color:#24292e;margin-bottom:24px;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;color:#24292e;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border:2px solid #e1e4e8;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fafbfc;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2ea44f;background:#fff;box-shadow:0 0 0 3px #2ea44f1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#959da5}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=file]{padding:12px;background:#f5f7fa;cursor:pointer}.form-group input[type=file]::-webkit-file-upload-button{padding:8px 16px;background:#2ea44f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-right:12px;transition:background .2s ease}.form-group input[type=file]::-webkit-file-upload-button:hover{background:#2c974b}.image-preview{margin:16px 0 24px;border-radius:12px;overflow:hidden;border:2px solid #e1e4e8;background:#f6f8fa;max-height:300px;display:flex;align-items:center;justify-content:center}.image-preview img{width:100%;height:auto;max-height:300px;object-fit:contain;display:block}button{width:100%;padding:16px;font-size:1.05rem;font-weight:700;background:linear-gradient(135deg,#2ea44f,#2c974b);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 12px #2ea44f4d}button:hover:not(:disabled){background:linear-gradient(135deg,#2c974b,#2a8f47);transform:translateY(-2px);box-shadow:0 6px 20px #2ea44f66}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:#94d3a2;cursor:not-allowed;box-shadow:none}.results-card{margin-top:32px;border-left:5px solid #2196f3;background:linear-gradient(135deg,#e3f2fd,#fff);animation:slideIn .5s ease-out}.results-header{color:#1976d2!important;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:1.4rem}.results-content{background:#fff;padding:24px;border-radius:10px;overflow:auto;white-space:pre-wrap;word-wrap:break-word;border:2px solid #bbdefb;font-size:.95rem;line-height:1.7;color:#24292e;box-shadow:0 2px 8px #0000000d;font-family:Courier New,monospace}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 968px){.two-column-layout{grid-template-columns:1fr;gap:20px}.container h2,.container h2 span{font-size:2rem}}@media (max-width: 640px){.page{padding:24px 16px}.container h2{font-size:1.75rem;flex-direction:column;text-align:center}.card{padding:24px 20px}.card h3{font-size:1.15rem}.form-group input,.form-group textarea{padding:12px 14px;font-size:.95rem}button{padding:14px;font-size:1rem}.image-preview{max-height:200px}.results-content{padding:16px;font-size:.85rem}}@media (max-width: 480px){.page{padding:20px 12px}.container h2{font-size:1.5rem}.card{padding:20px 16px}.form-group{margin-bottom:20px}.results-content{padding:12px;font-size:.8rem}}@keyframes spin{to{transform:rotate(360deg)}}button:disabled:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}*:focus-visible{outline:2px solid #2ea44f;outline-offset:2px}@media print{.page{background:#fff}.card{box-shadow:none;border:1px solid #e1e4e8;page-break-inside:avoid}button{display:none}.image-preview{max-height:400px}}body{margin:0;font-family:Arial}.nav{background:#4caf50;padding:12px;display:flex;gap:20px}.nav a,.nav button{color:#fff;background:none;border:none;cursor:pointer}.page{padding:20px}input{display:block;margin:8px 0;padding:6px}button{padding:6px 12px}