body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(120deg,#101935,#1b2a4b,#1d2f5b);color:#1c2233}.app{min-height:100vh;padding:32px 16px 48px}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px #030d2b59;padding:40px}.header{text-align:center;margin-bottom:36px}.header h1{margin:0 0 8px;font-size:2.5rem;font-weight:700;color:#152238}.header p{margin:0;color:#53607a;font-size:1.05rem}.status-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.status-item{background:#f7f8fb;border:1px solid #e3e6ef;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.status-item strong{font-size:.95rem;color:#3a4a6b;letter-spacing:.5px;text-transform:uppercase}.status-item span{font-size:1.2rem;font-weight:600;color:#1b3a6f}.status-item small{font-size:.8rem;color:#6c7897}.progress-track{width:100%;height:6px;background:#667eea26;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .25s ease}.controls{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.mode-card{padding:24px;border:1px solid #dfe3ee;border-radius:18px;background:linear-gradient(180deg,#f8fafff2,#fff 70%);box-shadow:0 18px 40px #0f172a14;display:flex;flex-direction:column;gap:16px}.mode-card h3{margin:0;font-size:1.35rem;color:#1c2b4d}.mode-subtitle{margin:0;color:#5a6886;font-size:.95rem;line-height:1.5}.button-row{display:flex;flex-wrap:wrap;gap:12px}.btn{border:none;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#5c6ef8,#7a62ff);color:#fff}.btn-secondary{background:#4b5675;color:#fff}.btn-success{background:linear-gradient(135deg,#1faa59,#1a8f4c);color:#fff}.btn-danger{background:linear-gradient(135deg,#f95f62,#d83a56);color:#fff}.btn-warning{background:linear-gradient(135deg,#ffc371,#ff5f6d);color:#2f2f2f}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 25px #2128402e}.btn:disabled{cursor:not-allowed;opacity:.6;filter:grayscale(.3)}.info-text{margin:0;color:#6e7a96;font-size:.9rem}.camera-wrapper{border-radius:14px;overflow:hidden;background:#0f172a;border:2px solid rgba(77,91,138,.2);position:relative;min-height:240px}.camera-preview{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.camera-preview.active{opacity:1}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.preview-grid figure{margin:0;background:#f3f6ff;border-radius:12px;padding:12px;border:1px solid #e2e6f5}.preview-grid figcaption{font-size:.85rem;color:#4a5a7a;margin-bottom:8px;font-weight:600}.preview-grid img{width:100%;border-radius:8px;border:1px solid #d9dff2}.debug-chip{display:inline-block;padding:8px 12px;background:#5c6ef81f;color:#3149b5;border-radius:999px;font-size:.85rem;font-weight:600}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.badge-warning{background:#ffc1072e;color:#a76a07}.tips-list{margin:0;padding-left:20px;color:#5b6984;font-size:.92rem;display:flex;flex-direction:column;gap:6px}.manual-card{padding:20px 24px;border-radius:18px;background:#f6f8ff;border:1px dashed #97a3d8;display:flex;flex-direction:column;gap:12px}.manual-card h3{margin:0;color:#1f2f52}.manual-form{display:flex;flex-wrap:wrap;gap:12px}.manual-form input{flex:1;min-width:220px;border-radius:10px;border:1px solid #b7c2e3;padding:12px 14px;font-size:1rem;outline:none;transition:border .2s ease,box-shadow .2s ease}.manual-form input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.hidden-input{display:none}.alert{padding:16px 20px;border-radius:14px;margin:16px 0;font-weight:600;box-shadow:0 14px 28px #0000001a}.alert-error{background:#fef1f2;border:1px solid #f8c5cc;color:#b02a37}.alert-success{background:#ecf9f1;border:1px solid #bfe8cf;color:#1a7a3b}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin:24px 0}.sim-list h2{margin:0 0 16px;color:#1c2b4d;font-size:1.6rem}.empty-state{background:#f7f9ff;border-radius:16px;padding:40px 20px;border:1px solid #e0e6f7;text-align:center;color:#687598}.table-container{border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0f172a1a}.sim-table{width:100%;border-collapse:collapse}.sim-table thead{background:linear-gradient(135deg,#5c6ef8,#7a62ff);color:#fff}.sim-table th,.sim-table td{padding:14px 16px;font-size:.95rem}.sim-table tbody tr{background:#fff}.sim-table tbody tr:nth-child(2n){background:#f3f5ff}.sim-table tbody tr:hover{background:#5c6ef814}.sim-number{font-family:Roboto Mono,Courier New,monospace;font-weight:600;color:#394fad;letter-spacing:.5px}.btn-remove{border:none;background:none;font-size:1.2rem;cursor:pointer;transition:transform .2s ease}.btn-remove:hover{transform:scale(1.2)}.info-box{margin-top:28px;background:#ffc10724;border:1px solid rgba(255,193,7,.35);border-radius:14px;padding:16px 20px;color:#8b6208}.info-box h3{margin-top:0}@media (max-width: 768px){.container{padding:28px 20px}.header h1{font-size:2rem}.button-row,.manual-form,.actions{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.camera-wrapper{min-height:200px}.status-bar{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1428}#root{min-height:100vh}