.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:#061123eb;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 40px #00000073;position:sticky;top:0;left:0;right:0;z-index:1000}.logo{color:#f3f4f6;font-size:24px;font-weight:700;letter-spacing:.5px}.logo a{text-decoration:none;color:#f3f4f6;display:flex;align-items:center;gap:8px}.logo a:hover{color:#64d5ff}.logo-icon{font-size:24px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.menu{display:flex;gap:24px;flex-wrap:wrap}.menu a{text-decoration:none;color:#f3f4f6e6;padding:10px 16px;border-radius:12px;transition:background .3s ease,color .3s ease;font-weight:500;display:flex;align-items:center;gap:6px}.menu a.active{background:#64d5ff33;color:#64d5ff;border:1px solid rgba(100,213,255,.3)}.menu a:hover{background:#ffffff1a;color:#64d5ff}.auth{display:flex;align-items:center;gap:16px}.auth a{text-decoration:none;color:#f3f4f6e6;padding:10px 18px;border-radius:12px;transition:background .3s ease,color .3s ease;font-weight:500;display:flex;align-items:center;gap:6px}.auth a.active{background:#64d5ff33;color:#64d5ff;border:1px solid rgba(100,213,255,.3)}.auth a:hover{background:#ffffff1a;color:#64d5ff}.register{background:linear-gradient(135deg,#64d5ff,#8c59ff);color:#0b0f17;font-weight:600}.register:hover{background:linear-gradient(135deg,#8c59ff,#64d5ff);color:#0b0f17}.user-menu{display:flex;align-items:center;gap:16px;color:#f3f4f6}.logout-btn{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border:none;padding:8px 16px;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-weight:600}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff475766}.menu-toggle{display:none;color:#fff;cursor:pointer}.mobile-auth{display:none}@media(max-width:768px){.navbar{padding:12px 20px}.menu-toggle{display:block}.menu{position:absolute;top:70px;left:0;width:100%;background:#061123fa;flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:none}.menu.open{display:flex}.menu a{width:90%;justify-content:center}.desktop-auth{display:none}.mobile-auth{display:flex;flex-direction:column;width:90%;gap:12px}.mobile-auth a{justify-content:center}.username{color:#f3f4f6;font-weight:500}}.home-page{min-height:100vh;background:radial-gradient(circle at top,#1c2c5d,#0d1228 70%);color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:40px 24px 80px}.home-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;max-width:1200px;margin:0 auto 60px;padding:38px;border-radius:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px #00000059;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hero-text h1{font-size:3.2rem;margin:0 0 16px;letter-spacing:.6px}.hero-text p{margin:0 0 28px;color:#f3f4f6d1;max-width:520px;line-height:1.6}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:18px;background:linear-gradient(135deg,#64d5ff,#8c59ff);color:#0b0f17;font-weight:700;text-decoration:none;box-shadow:0 18px 40px #00000059;transition:transform .2s ease,box-shadow .2s ease}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px #0006}.hero-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f3f4f6e0;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.hero-link:hover{transform:translateY(-2px);box-shadow:0 18px 40px #00000052}.hero-graphic{position:relative;width:100%;height:320px;display:grid;place-items:center}.hero-blob{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(100,213,255,.55),transparent 70%);filter:blur(40px);top:20%;left:20%}.hero-blob--secondary{width:260px;height:260px;background:radial-gradient(circle at 70% 40%,rgba(140,89,255,.5),transparent 70%);top:30%;left:45%}.hero-illustration{position:relative;width:200px;height:200px;border-radius:26px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px #00000059;display:grid;place-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);size:60px}.hero-icon{font-size:3.6rem;opacity:.9}.home-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff0f;padding:24px 32px;border-radius:22px;margin-bottom:40px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px #00000059}.home-header h1{color:#f3f4f6;margin:0;font-size:2.2rem;font-weight:600;letter-spacing:.4px}.user-info{display:flex;align-items:center;gap:18px;color:#f3f4f6}.logout-btn{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border:none;padding:10px 18px;border-radius:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-weight:600}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff475766}.home-content{max-width:1220px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{background:#0000002e;border:1px solid rgba(255,255,255,.14);padding:32px;border-radius:22px;box-shadow:0 30px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .3s ease,box-shadow .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center}.feature-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#64d5ff33,#8c59ff33);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#64d5ff;border:1px solid rgba(100,213,255,.3)}.feature-card:hover{transform:translateY(-6px);box-shadow:0 42px 90px #00000073}.feature-card h3{color:#f3f4f6;margin-bottom:16px;font-size:1.5rem;font-weight:700}.feature-card p{color:#f3f4f6c7;margin-bottom:24px;line-height:1.6}.feature-link{display:inline-block;background:linear-gradient(135deg,#64d5ff,#8c59ff);color:#0b0f17;text-decoration:none;padding:12px 24px;border-radius:18px;transition:transform .2s ease,box-shadow .2s ease;font-weight:700;box-shadow:0 12px 28px #0000004d}.feature-link:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0006;text-decoration:none;color:#0b0f17}@media(max-width:768px){.hero-graphic{display:none}}.storage-page{min-height:calc(100vh - 80px);padding:40px 24px 80px;background:radial-gradient(circle at top,#1c2c5d,#0d1228 70%);color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.storage-container{max-width:1200px;margin:0 auto}.storage-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:24px;background:#ffffff0f;box-shadow:0 20px 40px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:32px}.storage-header__text h1{font-size:2.5rem;margin:0 0 12px;letter-spacing:.6px}.storage-subtitle{margin:0;max-width:520px;line-height:1.6;color:#f3f4f6cc}.storage-header__actions{display:flex;gap:16px}.create-btn{background:linear-gradient(135deg,#64d5ff,#8c59ff);color:#0b0f17;border:none;padding:12px 24px;border-radius:18px;cursor:pointer;font-weight:700;box-shadow:0 12px 28px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.create-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0006}.storage-form{background:#00000038;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:36px;box-shadow:0 30px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:32px}.storage-form h3{margin-bottom:24px;color:#f3f4f6;font-size:1.8rem}.form-group input{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#f3f4f6f0;font-size:14px;outline:none}.form-group input:focus{border-color:#667eeacc;box-shadow:0 0 0 4px #667eea26}.form-actions{display:flex;gap:12px;margin-top:24px}.submit-btn{background:linear-gradient(135deg,#64d5ff,#8c59ff);color:#0b0f17;border:none;padding:12px 24px;border-radius:18px;cursor:pointer;font-weight:700;box-shadow:0 12px 28px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0006}.cancel-btn{background:#ffffff14;color:#f3f4f6e0;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:18px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #00000052}.storage-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.storage-item{background:#0000002e;border:1px solid rgba(255,255,255,.14);padding:32px;border-radius:22px;box-shadow:0 30px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .3s ease,box-shadow .3s ease}.storage-item:hover{transform:translateY(-6px);box-shadow:0 42px 90px #00000073}.storage-info h3{margin:0 0 12px;color:#f3f4f6;font-size:1.4rem;font-weight:700}.storage-info p{margin:0 0 8px;color:#f3f4f6c7;font-size:.9rem}.storage-actions{display:flex;gap:12px;margin-top:20px}.edit-btn{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#0b0f17;border:none;padding:8px 16px;border-radius:14px;cursor:pointer;font-weight:600;box-shadow:0 8px 20px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0006}.delete-btn{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;border:none;padding:8px 16px;border-radius:14px;cursor:pointer;font-weight:600;box-shadow:0 8px 20px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff475766}.login-container{min-height:calc(100vh - 80px);padding:40px 24px 80px;background:radial-gradient(circle at top,#1c2c5d,#0d1228 70%);color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-container h1{text-align:center;margin-bottom:20px}.login-container form{display:flex;flex-direction:column}.login-container label{margin-bottom:5px;font-weight:500}.login-container input{margin-bottom:15px;padding:8px 10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.login-container button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:18px;background:linear-gradient(135deg,#64d5ff,#8c59ff);color:#0b0f17;font-weight:700;text-decoration:none;box-shadow:0 18px 40px #00000059;transition:transform .2s ease,box-shadow .2s ease}.login-container button:hover{transform:translateY(-2px);box-shadow:0 20px 50px #0006}.login-container .error{color:red;margin-bottom:10px;text-align:center}.register-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;background:#fff}.register-container h1{text-align:center;margin-bottom:20px}.register-container form{display:flex;flex-direction:column}.register-container label{margin-bottom:5px;font-weight:500}.register-container input{margin-bottom:15px;padding:8px 10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.register-container input:disabled{background-color:#f5f5f5;cursor:not-allowed}.register-container button{padding:10px 15px;font-size:16px;border:none;background-color:#28a745;color:#fff;cursor:pointer;border-radius:4px}.register-container button:hover:not(:disabled){background-color:#218838}.register-container button:disabled{background-color:#6c757d;cursor:not-allowed}.register-container .error{color:red;text-align:center;margin-bottom:15px}.scan-page{min-height:calc(100vh - 80px);padding:40px 24px 80px;background:radial-gradient(circle at top,#1c2c5d,#0d1228 70%);color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scan-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:24px;background:#ffffff0f;box-shadow:0 20px 40px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:32px}.scan-header__text h1{font-size:2.5rem;margin:0 0 12px;letter-spacing:.6px}.scan-subtitle{margin:0;max-width:520px;line-height:1.6;color:#f3f4f6cc}.scan-header__graphic{width:140px;height:140px;position:relative}.graphic-card{width:100%;height:100%;position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#667eea66,#764ba266);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 40px #00000059}.graphic-card__layer{position:absolute;width:100%;height:100%;border-radius:24px;mix-blend-mode:screen}.graphic-card__layer--top{top:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.85),transparent 60%)}.graphic-card__layer--middle{top:0;left:0;background:radial-gradient(circle at 80% 40%,rgba(255,182,193,.58),transparent 60%)}.graphic-card__layer--bottom{top:0;left:0;background:radial-gradient(circle at 50% 80%,rgba(106,230,252,.45),transparent 60%)}.graphic-card__icon{position:absolute;inset:0;display:grid;place-items:center;font-size:3.2rem;opacity:.87}.scan-steps{display:flex;justify-content:center;gap:14px;margin:24px 0 32px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:170px}.step-number{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:grid;place-items:center;font-weight:700;color:#fff}.step-label{font-weight:600;color:#f3f4f6e6}.scan-wrapper{max-width:960px;margin:0 auto;padding:0 12px}.scan-panel{background:#00000038;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:36px;box-shadow:0 30px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:#f3f4f6d9}.form-group select,.form-group input[type=file]{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#f3f4f6f0;font-size:14px;outline:none}.form-group select:focus,.form-group input[type=file]:focus{border-color:#667eeacc;box-shadow:0 0 0 4px #667eea26}.file-preview{margin-top:14px;text-align:center}.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:30px}.file-card{position:relative;padding:18px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.file-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #00000040}.file-card__title{font-weight:700;color:#f3f4f6e6}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-card__preview{min-height:160px;display:grid;place-items:center;border-radius:14px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.22);padding:12px}.file-card__empty{color:#f3f4f699;text-align:center;font-size:14px}.preview-image{max-width:100%;max-height:160px;border-radius:12px;object-fit:cover;box-shadow:0 10px 22px #00000059}.scan-btn{width:100%;padding:14px 18px;border-radius:14px;border:none;font-size:17px;font-weight:700;letter-spacing:.3px;color:#111;background:linear-gradient(135deg,#64d5ff,#8c59ff);box-shadow:0 14px 32px #00000059;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.scan-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #00000073}.scan-btn:disabled{background:#fff3;cursor:not-allowed;box-shadow:none}.loading-icon{animation:spin 1s linear infinite}.error-message{background:#f443361f;color:#ffb3b3;padding:12px 16px;border-radius:14px;border:1px solid rgba(244,67,54,.24);margin-bottom:24px}.scan-result{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:28px;box-shadow:0 26px 56px #00000059}.success-message{text-align:center;margin-bottom:28px}.success-message h2{margin:0;font-size:1.9rem;letter-spacing:.2px}.success-message p{margin:12px 0 0;color:#f3f4f6bf}.extracted-fields{margin-bottom:30px}.extracted-fields h3{color:#f3f4f6eb;margin-bottom:18px}.fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.field-item{background:#00000045;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;min-height:84px}.field-item strong{display:block;font-weight:700;color:#f3f4f6e6;margin-bottom:6px}.field-item span{color:#f3f4f6bf;word-break:break-word}.result-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.view-btn,.scan-again-btn{padding:12px 22px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.view-btn{background:linear-gradient(135deg,#2fd1a1,#18a775);color:#0b0f17}.view-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0000004d}.scan-again-btn{background:#ffffff2e;color:#f3f4f6f2}.scan-again-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #00000040}.result-actions{display:flex;gap:15px;justify-content:center}.view-btn,.scan-again-btn{padding:12px 24px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:transform .2s}.view-btn{background:#28a745;color:#fff}.view-btn:hover{background:#218838;transform:translateY(-2px)}.scan-again-btn{background:#6c757d;color:#fff}.scan-again-btn:hover{background:#5a6268;transform:translateY(-2px)}.records-page{min-height:calc(100vh - 80px);padding:40px 24px 80px;background:radial-gradient(circle at top,#1c2c5d,#0d1228 70%);color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.records-container{max-width:1200px;margin:0 auto}.records-header{text-align:center;padding:30px;border-radius:24px;background:#ffffff0f;box-shadow:0 20px 40px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:32px}.records-container h1{font-size:2.5rem;margin:0 0 12px;letter-spacing:.6px}.records-subtitle{max-width:600px;line-height:1.6;color:#f3f4f6cc;margin:0 auto}.records-controls{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.storage-selector{background:#00000038;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;box-shadow:0 30px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;gap:16px}.selector-icon{color:#64d5ff;display:flex;align-items:center;justify-content:center}.storage-selector select{flex:1;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#f3f4f6f0;font-size:14px;outline:none}.storage-selector select:focus{border-color:#667eeacc;box-shadow:0 0 0 4px #667eea26}.search-filter-section{display:flex;gap:16px;flex-wrap:wrap}.search-box,.sort-selector{display:flex;align-items:center;gap:12px;background:#0000002e;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 16px;flex:1;min-width:200px}.search-box svg,.sort-selector svg{color:#64d5ff;flex-shrink:0}.search-box input,.sort-selector select{flex:1;background:transparent;border:none;color:#f3f4f6f0;font-size:14px;outline:none}.search-box input::placeholder{color:#f3f4f699}.sort-selector select{background:transparent;border:none;color:#f3f4f6f0;cursor:pointer}.records-results{display:flex;flex-direction:column;gap:24px}.results-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.results-header p{color:#f3f4f6cc;margin:0;font-size:14px}.empty-state{text-align:center;padding:80px 40px;color:#f3f4f6b3}.empty-state svg{color:#64d5ff80;margin-bottom:24px}.empty-state h3{color:#f3f4f6e6;margin-bottom:12px}.empty-state p{margin:0;font-size:16px}.loading{text-align:center;padding:60px;font-size:1.2rem;color:#f3f4f6b3;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(100,213,255,.3);border-top:3px solid #64d5ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.records-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.record-item{background:#0000002e;border:1px solid rgba(255,255,255,.14);padding:32px;border-radius:22px;box-shadow:0 30px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .3s ease,box-shadow .3s ease}.record-item:hover{transform:translateY(-6px);box-shadow:0 42px 90px #00000073}.record-info h3{margin:0 0 16px;color:#f3f4f6;font-size:1.4rem;font-weight:700}.record-info p{margin:0 0 8px;color:#f3f4f6c7;font-size:.9rem}.record-info p strong{color:#f3f4f6e6;font-weight:600}.record-actions{display:flex;gap:12px;margin-top:20px}.view-btn{background:linear-gradient(135deg,#64d5ff,#8c59ff);color:#0b0f17;text-decoration:none;padding:10px 20px;border-radius:18px;font-weight:700;box-shadow:0 12px 28px #0000004d;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:8px}.view-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0006;text-decoration:none;color:#0b0f17}.error-message{background:#ff475733;color:#ff6b7a;padding:16px;border-radius:14px;margin-bottom:24px;border:1px solid rgba(255,71,87,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading{text-align:center;padding:60px;font-size:1.2rem;color:#f3f4f6b3}.record-detail-container{min-height:calc(100vh - 80px);padding:40px 24px 80px;background:radial-gradient(circle at top,#1c2c5d,#0d1228 70%);color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.detail-header h1{color:#fff}.header-actions{display:flex;gap:10px}.edit-btn,.back-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.edit-btn{background:#ffc107;color:#212529}.edit-btn:hover{background:#e0a800}.back-btn{background:#6c757d;color:#fff}.back-btn:hover{background:#5a6268}.record-content{display:grid;gap:30px}.main-info{padding:30px;border-radius:10px;box-shadow:0 2px 10px #db7b7b}.main-info h2{margin-bottom:20px;color:#fff}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:500;color:#fff}.info-item span{color:#f1f1f1;padding:8px;border-radius:5px}.info-item input,.info-item select,.info-item textarea{padding:8px;border:1px solid #ddd;border-radius:5px;font-size:16px}.info-item textarea{resize:vertical}.edit-actions{margin-top:30px;display:flex;gap:10px}.save-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.save-btn:hover{background:#218838}.cancel-btn{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.cancel-btn:hover{background:#c82333}.original-image,.crop-images,.raw-fields{padding:30px;border-radius:10px;box-shadow:0 2px 10px #db7b7b}.original-image h2,.crop-images h2,.raw-fields h2{margin-bottom:20px;color:#fff}.original-image img{max-width:100%;height:auto;border-radius:5px;box-shadow:0 2px 10px #db7b7b}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.image-item{text-align:center}.image-item h4{margin-bottom:10px;color:#fff}.image-item img{width:100%;height:auto;border-radius:5px;box-shadow:0 2px 5px #0003}.raw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.raw-item{background:#f8f9fa;padding:15px;border-radius:5px;border-left:4px solid #667eea}.raw-item strong{display:block;color:#333;margin-bottom:5px}.raw-item span{color:#666;word-break:break-all}.raw-item small{display:block;color:#999;margin-top:5px}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:5px;margin:20px 0;border:1px solid #f5c6cb}.search-container{background:radial-gradient(circle at top,#1c2c5d,#0d1228 70%);color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:calc(100vh - 80px);padding:40px 24px 80px}.search-container h1{text-align:center;color:#e6e3e3;margin-bottom:30px}.search-form{padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:500;color:#555}.form-group input{padding:12px;border-radius:5px;font-size:16px}.form-group input:focus{outline:none;border-color:#667eea}.search-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:transform .2s}.search-btn:hover:not(:disabled){transform:translateY(-2px)}.search-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.search-results{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.search-results h2{color:#333;margin-bottom:20px}.results-list{display:grid;gap:15px}.result-item{background:#f8f9fa;padding:20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:background .3s}.result-item:hover{background:#e9ecef}.result-info h3{margin:0 0 10px;color:#333}.result-info p{margin:5px 0;color:#666}.result-actions{display:flex;gap:10px}.view-btn{background:#007bff;color:#fff;text-decoration:none;padding:8px 16px;border-radius:5px;transition:background .3s}.view-btn:hover{background:#0056b3}.no-results{text-align:center;padding:40px;color:#666;font-size:18px}.create-record-container{min-height:calc(100vh - 80px);padding:40px 24px 80px;background:radial-gradient(circle at top,#1c2c5d,#0d1228 70%);color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.create-record-container h1{text-align:center;color:#fff;margin-bottom:30px}.create-form{padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none}.form-section h2{color:#fff;margin-bottom:20px;font-size:1.2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:8px;font-weight:500;color:#fff}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:auto;margin:0}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.submit-btn,.cancel-btn{padding:15px 30px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:transform .2s}.submit-btn{background:#28a745;color:#fff}.submit-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268;transform:translateY(-2px)}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:5px;margin-bottom:20px;border:1px solid #f5c6cb}