.navbar{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#1a1f35,#0f1421);border-bottom:1px solid rgba(102,126,234,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.navbar-container{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;gap:48px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .3s ease}.logo:hover{transform:translateY(-2px)}.logo-icon{font-size:28px}.logo-text{font-size:22px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:8px;flex:1}.nav-link{padding:10px 18px;color:#9ca3af;text-decoration:none;font-size:14px;font-weight:600;border-radius:10px;transition:all .3s ease;position:relative}.nav-link:hover{color:#e4e6eb;background:#667eea1a}.nav-link.active{color:#667eea;background:#667eea26}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.navbar-right{display:flex;align-items:center;gap:16px}.wallet-button{display:flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:12px;color:#e4e6eb;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease}.wallet-button:hover{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.wallet-icon{font-size:18px}.wallet-text{font-family:Courier New,monospace}@media(max-width:1024px){.navbar-container{padding:16px 20px;gap:24px}.nav-links{gap:4px}.nav-link{padding:8px 12px;font-size:13px}.wallet-button{padding:8px 14px;font-size:13px}}@media(max-width:768px){.navbar-container{flex-wrap:wrap;gap:16px}.nav-links{order:3;width:100%;justify-content:space-between;overflow-x:auto}.nav-link{white-space:nowrap}}.dashboard-container{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1f35,#0a0e1a);padding:60px 20px}.dashboard-hero{max-width:1200px;margin:0 auto 80px;text-align:center}.hero-content{margin-bottom:60px;animation:fadeInUp .8s ease}.hero-title{font-size:72px;font-weight:800;margin-bottom:20px;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:28px;color:#e4e6eb;font-weight:600;margin-bottom:16px}.hero-description{font-size:18px;color:#9ca3af;max-width:700px;margin:0 auto;line-height:1.6}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:900px;margin:0 auto;animation:fadeInUp 1s ease .3s both}.stat-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:20px;padding:32px 24px;transition:all .3s ease}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #667eea4d;border-color:#667eea99}.stat-value{font-size:48px;font-weight:800;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.stat-label{font-size:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-weight:600}.features-section{max-width:1200px;margin:0 auto 80px}.section-title{font-size:42px;font-weight:700;text-align:center;margin-bottom:48px;color:#e4e6eb}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.feature-card{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px 32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-12px) scale(1.02);border-color:#667eea80;box-shadow:0 30px 80px #667eea66}.feature-card:hover:before{opacity:1}.feature-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:24px;box-shadow:0 10px 30px #0000004d;position:relative;z-index:1}.feature-title{font-size:24px;font-weight:700;color:#e4e6eb;margin-bottom:12px;position:relative;z-index:1}.feature-description{font-size:15px;color:#9ca3af;line-height:1.6;margin-bottom:24px;position:relative;z-index:1}.feature-button{display:flex;align-items:center;gap:8px;background:transparent;border:2px solid rgba(102,126,234,.4);color:#667eea;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.feature-button:hover{background:#667eea33;border-color:#667eea;transform:translate(4px)}.arrow{transition:transform .3s ease}.feature-card:hover .arrow{transform:translate(6px)}.benefits-section{max-width:1200px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.benefit-card{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:36px 28px;text-align:center;transition:all .3s ease}.benefit-card:hover{transform:translateY(-8px);border-color:#667eea80;box-shadow:0 20px 60px #667eea33}.benefit-icon{font-size:48px;margin-bottom:20px}.benefit-card h3{font-size:20px;font-weight:700;color:#e4e6eb;margin-bottom:12px}.benefit-card p{font-size:14px;color:#9ca3af;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:48px}.hero-subtitle{font-size:22px}.section-title{font-size:32px}.features-grid{grid-template-columns:1fr}}.register-page{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1f35);padding:60px 20px}.register-container{max-width:900px;margin:0 auto}.register-header{text-align:center;margin-bottom:48px;animation:fadeInDown .6s ease}.register-header h1{font-size:42px;font-weight:700;color:#e4e6eb;margin-bottom:12px}.register-header p{font-size:16px;color:#9ca3af;max-width:600px;margin:0 auto}.register-form{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(102,126,234,.2);border-radius:24px;padding:48px;margin-bottom:40px;animation:fadeInUp .6s ease .2s both;box-shadow:0 20px 60px #0006}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:14px;font-weight:600;color:#e4e6eb;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:16px 20px;background:#667eea0d;border:2px solid rgba(102,126,234,.2);border-radius:12px;color:#e4e6eb;font-size:15px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;background:#667eea1a;box-shadow:0 0 0 4px #667eea1a}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.submit-button{width:100%;padding:18px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #667eea80}.submit-button:disabled{opacity:.8;cursor:not-allowed}.success-container{background:linear-gradient(135deg,#1a1f35,#0f1421);border:2px solid #43e97b;border-radius:24px;padding:48px;text-align:center;animation:successPop .6s cubic-bezier(.68,-.55,.265,1.55);margin-bottom:40px}.success-icon{width:100px;height:100px;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 24px;animation:checkmark .8s ease .3s both;box-shadow:0 10px 40px #43e97b80}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}to{transform:scale(1) rotate(0)}}.property-summary{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:32px;text-align:left}.property-summary h3{font-size:20px;font-weight:600;color:#e4e6eb;margin-bottom:20px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item{display:flex;flex-direction:column;gap:6px}.summary-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.summary-value{font-size:14px;color:#e4e6eb;font-weight:500;word-break:break-word}.info-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:40px;animation:fadeInUp .6s ease .4s both}.info-section h3{font-size:24px;font-weight:700;color:#e4e6eb;margin-bottom:28px;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.info-card{text-align:center;padding:24px;background:#667eea08;border-radius:12px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.info-card:hover{transform:translateY(-4px);border-color:#667eea4d}.info-icon{font-size:36px;margin-bottom:12px;display:block}.info-card h4{font-size:16px;font-weight:600;color:#e4e6eb;margin-bottom:8px}.info-card p{font-size:13px;color:#9ca3af;line-height:1.5}.error-message{color:#f5576c;font-size:13px;margin-top:4px;display:flex;align-items:center;gap:6px}.admin-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;margin-top:16px}.badge-icon{font-size:14px}.access-denied{background:linear-gradient(135deg,#1a1f35,#0f1421);border:2px solid #f5576c;border-radius:24px;padding:60px 48px;text-align:center;animation:fadeInUp .6s ease}.denied-icon{font-size:72px;margin-bottom:20px}.access-denied h1{font-size:36px;font-weight:700;color:#f5576c;margin-bottom:12px}.access-denied>p{font-size:16px;color:#9ca3af;margin-bottom:24px}.admin-info{background:#f5576c0d;border:1px solid rgba(245,87,108,.2);border-radius:12px;padding:24px;margin-bottom:24px}.admin-info p{color:#9ca3af;font-size:13px;margin:0}.admin-info code{display:block;font-family:Courier New,monospace;color:#e4e6eb;font-size:12px;background:#0000004d;padding:10px;border-radius:6px;margin-top:8px;word-break:break-all}.access-denied .hint{font-size:13px;color:#6b7280}.access-denied .hint code{background:#667eea33;padding:2px 6px;border-radius:4px;font-size:12px}@media(max-width:768px){.register-form{padding:32px 24px}.form-row{grid-template-columns:1fr}.register-header h1{font-size:32px}.access-denied{padding:40px 24px}}.file-drop-zone{border:2px dashed rgba(102,126,234,.3);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s ease;background:#667eea08}.file-drop-zone:hover{border-color:#667eea;background:#667eea14}.file-drop-zone.has-file{border-color:#43e97b;background:#43e97b0d}.file-drop-zone.input-error{border-color:#f5576c!important;background:#f5576c0d!important}.drop-prompt{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:36px}.drop-prompt p{color:#9ca3af;font-size:14px;margin:0}.drop-prompt .file-types{font-size:12px;color:#6b7280}.file-info{display:flex;align-items:center;gap:12px;text-align:left}.file-icon{font-size:32px}.file-name{color:#e4e6eb;font-weight:600;font-size:14px}.file-size{color:#9ca3af;font-size:12px}.remove-file{margin-left:auto;background:#f5576c26;color:#f5576c;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-file:hover{background:#f5576c4d}.upload-status{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#a5b4fc;font-size:14px;font-weight:500;margin-top:8px}.ipfs-link{color:#43e97b;text-decoration:none;font-family:Courier New,monospace;font-size:12px;transition:color .2s ease}.ipfs-link:hover{color:#38f9d7}.link-arrow{font-size:11px;margin-left:4px}.transfer-page{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1f35);padding:60px 20px}.transfer-container{max-width:1000px;margin:0 auto}.transfer-header{text-align:center;margin-bottom:48px;animation:fadeInDown .6s ease}.steps-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:48px;animation:fadeIn .8s ease .3s both}.step{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.step-number{width:50px;height:50px;border-radius:50%;background:#667eea1a;border:2px solid rgba(102,126,234,.3);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#9ca3af;transition:all .3s ease}.step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 8px 24px #667eea66}.step.completed .step-number{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#43e97b;color:#fff}.step-label{font-size:13px;font-weight:600;color:#9ca3af;text-align:center}.step.active .step-label{color:#667eea}.step.completed .step-label{color:#43e97b}.step-connector{width:80px;height:2px;background:#667eea33;margin:0 16px}.step-content{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(102,126,234,.2);border-radius:24px;padding:48px;margin-bottom:32px;animation:fadeInUp .6s ease}.step-content h2{font-size:28px;font-weight:700;color:#e4e6eb;margin-bottom:8px}.step-content>p{font-size:15px;color:#9ca3af;margin-bottom:32px}.input-group{display:flex;gap:16px;margin-bottom:40px}.input-group input{flex:1;padding:16px 20px;background:#667eea0d;border:2px solid rgba(102,126,234,.2);border-radius:12px;color:#e4e6eb;font-size:15px;transition:all .3s ease}.input-group input:focus{outline:none;border-color:#667eea;background:#667eea1a;box-shadow:0 0 0 4px #667eea1a}.input-group button{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.input-group button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.input-group button:disabled{opacity:.5;cursor:not-allowed}.property-list h3{font-size:20px;font-weight:600;color:#e4e6eb;margin-bottom:20px}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.property-item{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease}.property-item:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 12px 36px #667eea4d}.property-id-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:12px}.property-location{font-size:15px;font-weight:600;color:#e4e6eb;margin-bottom:12px;line-height:1.4}.property-details{display:flex;gap:12px;font-size:13px;color:#9ca3af}.current-property{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:32px;margin-bottom:32px}.current-property h3{font-size:20px;font-weight:600;color:#e4e6eb;margin-bottom:24px}.property-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:14px;color:#e4e6eb;font-weight:500}.info-value.hash{font-family:Courier New,monospace;word-break:break-all;font-size:12px}.transfer-form{margin-top:24px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#e4e6eb;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:16px 20px;background:#667eea0d;border:2px solid rgba(102,126,234,.2);border-radius:12px;color:#e4e6eb;font-size:15px;transition:all .3s ease;font-family:Courier New,monospace}.form-group input:focus{outline:none;border-color:#667eea;background:#667eea1a;box-shadow:0 0 0 4px #667eea1a}.button-group{display:flex;gap:16px}.back-button,.submit-button{flex:1;padding:16px 32px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button{background:#667eea1a;color:#667eea;border:2px solid rgba(102,126,234,.3)}.back-button:hover{background:#667eea33;border-color:#667eea}.submit-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f093fb66}.processing-container{text-align:center;padding:40px 0}.processing-spinner{width:80px;height:80px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;margin:0 auto 32px;animation:spin 1s linear infinite}.processing-container h2{font-size:28px;font-weight:700;color:#e4e6eb;margin-bottom:12px}.processing-container>p{font-size:15px;color:#9ca3af;margin-bottom:32px}.loading-steps{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto}.loading-step{padding:12px 20px;background:#667eea1a;border-radius:8px;font-size:14px;color:#9ca3af;animation:pulse 2s ease-in-out infinite}.loading-step:nth-child(1){animation-delay:0s}.loading-step:nth-child(2){animation-delay:.5s}.loading-step:nth-child(3){animation-delay:1s}.loading-step:nth-child(4){animation-delay:1.5s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.success-container{text-align:center;animation:successPop .6s cubic-bezier(.68,-.55,.265,1.55)}.success-icon{width:100px;height:100px;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 24px;box-shadow:0 10px 40px #43e97b80}.success-container h2{font-size:32px;font-weight:700;color:#43e97b;margin-bottom:12px}.success-container>p{font-size:16px;color:#9ca3af;margin-bottom:36px}.transaction-details{background:#43e97b0d;border:1px solid rgba(67,233,123,.2);border-radius:16px;padding:32px;margin-bottom:32px;text-align:left}.transaction-details h3{font-size:20px;font-weight:600;color:#e4e6eb;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:14px;color:#9ca3af;font-weight:600}.detail-value{font-size:14px;color:#e4e6eb;font-weight:500;text-align:right;max-width:60%}.detail-value.hash{font-family:Courier New,monospace;word-break:break-all;font-size:12px}.reset-button{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.security-notice{background:linear-gradient(135deg,#43e97b0d,#38f9d70d);border:1px solid rgba(67,233,123,.2);border-radius:20px;padding:36px;animation:fadeIn .8s ease .5s both}.security-notice h3{font-size:22px;font-weight:700;color:#e4e6eb;margin-bottom:24px;text-align:center}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.security-item{display:flex;align-items:center;gap:12px;padding:16px;background:#43e97b0d;border-radius:12px}.check{width:28px;height:28px;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.security-item p{font-size:14px;color:#e4e6eb;font-weight:500}@keyframes successPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.step-content{padding:32px 24px}.steps-indicator{flex-direction:column;gap:20px}.step-connector{width:2px;height:40px;margin:0}.input-group,.button-group{flex-direction:column}}.error-message{color:#f5576c;font-size:13px;margin-top:8px;display:flex;align-items:center;gap:6px}.error-message:before{content:"⚠️";font-size:12px}.error-message-box{background:#f5576c1a;border:1px solid rgba(245,87,108,.3);border-radius:12px;padding:16px 20px;margin-top:16px;display:flex;align-items:center;gap:12px;animation:fadeIn .3s ease}.owned-badge{display:inline-block;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;margin-bottom:10px;text-transform:uppercase}.not-owned-badge{display:inline-block;background:#9ca3af4d;color:#9ca3af;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;margin-bottom:10px;text-transform:uppercase}.property-item.owned{border-color:#43e97b4d;background:#43e97b0d}.property-item.owned:hover{border-color:#43e97b;box-shadow:0 12px 36px #43e97b4d}.property-item.not-owned{opacity:.7;border-color:#9ca3af33}.property-item.not-owned:hover{border-color:#f5576c;box-shadow:0 12px 36px #f5576c33}.current-user-info{display:inline-flex;align-items:center;gap:10px;background:#667eea1a;padding:10px 18px;border-radius:12px;margin-top:16px}.user-label{font-size:13px;color:#9ca3af}.current-user-info code{font-family:Courier New,monospace;font-size:12px;color:#667eea;background:#667eea33;padding:4px 8px;border-radius:6px}.field-hint{display:block;font-size:11px;font-weight:400;color:#6b7280;text-transform:none;letter-spacing:normal;margin-top:2px}.required{color:#f5576c}.no-properties{text-align:center;padding:40px;background:#667eea0d;border:1px dashed rgba(102,126,234,.3);border-radius:16px}.no-properties p{color:#9ca3af;font-size:15px;margin-bottom:8px}.no-properties .hint{font-size:13px;color:#6b7280}.no-properties .hint code{background:#667eea33;padding:2px 6px;border-radius:4px;font-size:11px}.all-properties-section{margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.05)}.all-properties-section h3{font-size:18px;font-weight:600;color:#9ca3af;margin-bottom:20px}.records-page{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1f35);padding:60px 20px}.records-container{max-width:1200px;margin:0 auto}.records-header{text-align:center;margin-bottom:60px;animation:fadeInDown .6s ease}.blockchain-visual{margin-bottom:60px;overflow-x:auto;padding:20px 0}.block-chain{display:flex;gap:20px;min-width:max-content;padding:0 20px}.block{background:linear-gradient(135deg,#1a1f35,#0f1421);border:2px solid rgba(79,172,254,.3);border-radius:16px;padding:20px;min-width:200px;animation:slideIn .6s ease forwards;position:relative}.block:after{content:"→";position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:24px;color:#4facfe80}.block:last-child:after{display:none}.block-header{font-size:13px;font-weight:600;color:#4facfe;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.block-hash{font-family:Courier New,monospace;font-size:12px;color:#9ca3af;margin-bottom:8px}.block-tx{font-size:12px;color:#e4e6eb}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:32px;margin-bottom:60px}.record-card{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(79,172,254,.2);border-radius:20px;overflow:hidden;transition:all .3s ease;animation:fadeInUp .6s ease forwards}.record-card:hover{transform:translateY(-8px);border-color:#4facfe;box-shadow:0 20px 60px #4facfe4d}.record-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#4facfe0d;border-bottom:1px solid rgba(79,172,254,.1)}.property-id{font-size:18px;font-weight:700;color:#e4e6eb}.status-badge{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600}.record-body{padding:24px;display:flex;flex-direction:column;gap:16px}.record-item{display:flex;flex-direction:column;gap:6px}.record-item .label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.record-item .value{font-size:14px;color:#e4e6eb;font-weight:500;word-break:break-word}.record-item .value.hash{font-family:Courier New,monospace;font-size:12px;color:#4facfe}.record-footer{padding:16px 24px;background:#4facfe0d;border-top:1px solid rgba(79,172,254,.1)}.immutable-badge{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:#4facfe}.lock-icon{font-size:16px}.immutability-info{background:linear-gradient(135deg,#4facfe0d,#00f2fe0d);border:1px solid rgba(79,172,254,.2);border-radius:24px;padding:48px;animation:fadeIn .8s ease .4s both}.immutability-info h2{font-size:32px;font-weight:700;color:#e4e6eb;text-align:center;margin-bottom:40px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}.info-item{text-align:center;padding:28px;background:#4facfe08;border-radius:16px;border:1px solid rgba(79,172,254,.1);transition:all .3s ease}.info-item:hover{transform:translateY(-4px);border-color:#4facfe4d;background:#4facfe0d}.info-icon{font-size:48px;margin-bottom:16px}.info-item h3{font-size:18px;font-weight:700;color:#e4e6eb;margin-bottom:12px}.info-item p{font-size:14px;color:#9ca3af;line-height:1.6}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.records-grid{grid-template-columns:1fr}.immutability-info{padding:32px 24px}}.search-page{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1f35);padding:60px 20px}.search-container{max-width:1200px;margin:0 auto}.search-box{display:flex;gap:16px;margin-bottom:48px;animation:fadeInUp .6s ease .2s both}.search-box input{flex:1;padding:20px 28px;background:linear-gradient(135deg,#1a1f35,#0f1421);border:2px solid rgba(67,233,123,.3);border-radius:16px;color:#e4e6eb;font-size:16px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#43e97b;box-shadow:0 0 0 4px #43e97b1a}.search-box button{padding:20px 40px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.search-box button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #43e97b66}.search-results h2{font-size:24px;font-weight:700;color:#e4e6eb;margin-bottom:24px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:48px}.result-card{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(67,233,123,.2);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;animation:fadeInUp .4s ease forwards}.result-card:hover{transform:translateY(-6px);border-color:#43e97b;box-shadow:0 16px 48px #43e97b4d}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-id{font-size:14px;font-weight:700;color:#43e97b}.result-type{font-size:12px;padding:4px 10px;background:#43e97b1a;border-radius:6px;color:#43e97b}.result-location{font-size:15px;font-weight:600;color:#e4e6eb;margin-bottom:12px;line-height:1.4}.result-details{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9ca3af}.verified-badge{color:#43e97b;font-weight:600}.property-details-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px}.modal-content{background:linear-gradient(135deg,#1a1f35,#0f1421);border:2px solid rgba(67,233,123,.3);border-radius:24px;padding:40px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .4s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#9ca3af;font-size:32px;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.close-btn:hover{background:#ffffff1a;color:#e4e6eb}.modal-header{text-align:center;margin-bottom:32px}.modal-header h2{font-size:28px;font-weight:700;color:#e4e6eb;margin-bottom:8px}.verified-large{font-size:16px;color:#43e97b;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.detail-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#43e97b0d;border-radius:12px;border:1px solid rgba(67,233,123,.1)}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{font-size:14px;color:#e4e6eb;font-weight:500;word-break:break-word}.detail-value.hash{font-family:Courier New,monospace;font-size:12px;color:#43e97b}.status-active{color:#43e97b!important;font-weight:600!important}.quick-search{background:linear-gradient(135deg,#43e97b0d,#38f9d70d);border:1px solid rgba(67,233,123,.2);border-radius:20px;padding:32px;animation:fadeIn .8s ease .4s both}.quick-search h3{font-size:20px;font-weight:700;color:#e4e6eb;margin-bottom:20px;text-align:center}.quick-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.quick-buttons button{padding:12px 24px;background:#43e97b1a;border:1px solid rgba(67,233,123,.3);border-radius:12px;color:#43e97b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-buttons button:hover{background:#43e97b33;border-color:#43e97b;transform:translateY(-2px)}@media(max-width:768px){.search-box{flex-direction:column}.results-grid{grid-template-columns:1fr}.modal-content{padding:24px}.details-grid{grid-template-columns:1fr}.type-buttons{flex-direction:column}}.search-type-selector{margin-bottom:24px;animation:fadeInUp .6s ease .1s both}.search-type-selector label{display:block;font-size:14px;font-weight:600;color:#9ca3af;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.type-buttons{display:flex;gap:12px;flex-wrap:wrap}.type-buttons button{padding:12px 24px;background:#43e97b0d;border:2px solid rgba(67,233,123,.2);border-radius:12px;color:#9ca3af;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.type-buttons button:hover{background:#43e97b1a;border-color:#43e97b66;color:#e4e6eb}.type-buttons button.active{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#43e97b;color:#fff;box-shadow:0 8px 24px #43e97b4d}.input-error{border-color:#f5576c!important;background:#f5576c1a!important}.input-error:focus{border-color:#f5576c!important;box-shadow:0 0 0 4px #f5576c33!important}.error-message-box{background:#f5576c1a;border:1px solid rgba(245,87,108,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:fadeIn .3s ease}.error-message-box .error-icon{font-size:24px}.error-message-box span{color:#f5576c;font-size:14px;font-weight:500}.no-results{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px dashed rgba(156,163,175,.3);border-radius:20px;margin-bottom:48px;animation:fadeIn .4s ease}.no-results-icon{font-size:64px;margin-bottom:20px}.no-results h3{font-size:24px;font-weight:700;color:#e4e6eb;margin-bottom:12px}.no-results p{font-size:15px;color:#9ca3af;margin-bottom:8px}.no-results .hint{font-size:13px;color:#6b7280}.transactions-page{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1f35);padding:60px 20px}.transactions-container{max-width:1200px;margin:0 auto}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px;animation:fadeInUp .6s ease .2s both}.stat-box{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(250,112,154,.3);border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease}.stat-box:hover{transform:translateY(-6px);border-color:#fa709a;box-shadow:0 16px 48px #fa709a4d}.stat-number{font-size:42px;font-weight:800;background:linear-gradient(135deg,#fa709a,#fee140);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.stat-label{font-size:13px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.filter-bar{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;animation:fadeIn .6s ease .3s both}.filter-bar button{padding:12px 24px;background:#fa709a1a;border:1px solid rgba(250,112,154,.3);border-radius:12px;color:#9ca3af;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-bar button.active,.filter-bar button:hover{background:linear-gradient(135deg,#fa709a,#fee140);border-color:transparent;color:#fff;transform:translateY(-2px)}.transactions-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.transaction-item{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(250,112,154,.2);border-radius:20px;overflow:hidden;transition:all .3s ease;animation:fadeInUp .4s ease forwards}.transaction-item:hover{border-color:#fa709a;box-shadow:0 12px 36px #fa709a33;transform:translate(4px)}.tx-main{display:flex;align-items:center;gap:20px;padding:24px}.tx-icon{width:56px;height:56px;background:linear-gradient(135deg,#fa709a33,#fee14033);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.tx-info{flex:1;min-width:0}.tx-title{font-size:16px;font-weight:600;color:#e4e6eb;margin-bottom:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tx-property{font-size:13px;padding:4px 10px;background:#fa709a33;border-radius:6px;color:#fa709a}.tx-details{display:flex;gap:16px;font-size:13px;color:#9ca3af;flex-wrap:wrap}.tx-hash{font-family:Courier New,monospace;color:#fa709a}.tx-status{text-align:right;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:8px}.status-badge.confirmed{background:#43e97b33;color:#43e97b}.status-dot{width:8px;height:8px;background:#43e97b;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.block-number{font-size:12px;color:#9ca3af}.tx-expanded{padding:20px 24px 24px;border-top:1px solid rgba(255,255,255,.05)}.tx-flow{display:flex;align-items:center;justify-content:space-around;margin-bottom:20px;flex-wrap:wrap;gap:16px}.flow-item{text-align:center;flex:1;min-width:150px}.flow-label{font-size:12px;color:#9ca3af;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.flow-value{font-size:14px;font-weight:600;color:#e4e6eb}.flow-address{font-size:11px;font-family:Courier New,monospace;color:#9ca3af;margin-top:4px}.flow-arrow{font-size:28px;color:#fa709a;flex-shrink:0}.tx-meta{display:flex;justify-content:space-around;gap:20px;padding:16px;background:#fa709a0d;border-radius:12px;flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;gap:4px;text-align:center}.meta-item span:first-child{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.meta-item span:last-child{font-size:13px;color:#e4e6eb;font-weight:600}.meta-item .success{color:#43e97b}.real-time-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:linear-gradient(135deg,#fa709a1a,#fee1401a);border:1px solid rgba(250,112,154,.3);border-radius:16px;font-size:15px;font-weight:600;color:#fa709a;animation:fadeIn .8s ease .5s both}.pulse-dot{width:12px;height:12px;background:#fa709a;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #fa709ab3}50%{box-shadow:0 0 0 10px #fa709a00}}@media(max-width:768px){.tx-main{flex-wrap:wrap}.tx-status{text-align:left;width:100%}.tx-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}}.wallet-page{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1f35);padding:60px 20px}.wallet-container{max-width:1000px;margin:0 auto}.connect-section{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:60px}.wallet-card{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(48,207,208,.3);border-radius:24px;padding:48px;text-align:center;animation:fadeInLeft .6s ease}.card-icon{font-size:64px;margin-bottom:24px}.wallet-card h2{font-size:28px;font-weight:700;color:#e4e6eb;margin-bottom:12px}.wallet-card>p{font-size:15px;color:#9ca3af;margin-bottom:32px;line-height:1.6}.connect-button{width:100%;padding:18px 32px;background:linear-gradient(135deg,#30cfd0,#330867);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.connect-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #30cfd080}.connect-button:disabled{opacity:.8;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-item{display:flex;align-items:center;gap:8px;padding:12px;background:#30cfd00d;border-radius:8px;text-align:left}.feature-item span{color:#30cfd0;font-size:18px;font-weight:700}.feature-item p{font-size:13px;color:#e4e6eb;font-weight:500}.wallet-options{background:linear-gradient(135deg,#30cfd00d,#3308670d);border:1px solid rgba(48,207,208,.2);border-radius:24px;padding:32px;animation:fadeInRight .6s ease}.wallet-options h3{font-size:20px;font-weight:700;color:#e4e6eb;margin-bottom:24px;text-align:center}.wallet-list{display:flex;flex-direction:column;gap:16px}.wallet-option{display:flex;align-items:center;gap:16px;padding:20px;background:#30cfd00d;border:1px solid rgba(48,207,208,.2);border-radius:12px;transition:all .3s ease;cursor:pointer}.wallet-option:hover{background:#30cfd01a;border-color:#30cfd0;transform:translate(4px)}.wallet-logo{width:48px;height:48px;background:linear-gradient(135deg,#30cfd033,#33086733);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.wallet-name{flex:1;font-size:16px;font-weight:600;color:#e4e6eb}.wallet-status{font-size:13px;color:#43e97b;font-weight:600}.connected-section{max-width:800px;margin:0 auto 60px;animation:fadeInUp .6s ease}.success-badge-large{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:linear-gradient(135deg,#43e97b33,#38f9d733);border:2px solid #43e97b;border-radius:16px;font-size:20px;font-weight:700;color:#43e97b;margin-bottom:32px;animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.check-icon{width:32px;height:32px;background:#43e97b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-profile{background:linear-gradient(135deg,#1a1f35,#0f1421);border:1px solid rgba(48,207,208,.3);border-radius:24px;padding:40px}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.05)}.avatar{width:80px;height:80px;background:linear-gradient(135deg,#30cfd0,#330867);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;box-shadow:0 8px 24px #30cfd066}.profile-info h2{font-size:28px;font-weight:700;color:#e4e6eb;margin-bottom:8px}.address{font-family:Courier New,monospace;font-size:14px;color:#30cfd0;font-weight:500}.profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:32px}.detail-card{background:#30cfd00d;border:1px solid rgba(48,207,208,.2);border-radius:12px;padding:20px;text-align:center}.detail-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.detail-value{font-size:16px;font-weight:600;color:#e4e6eb}.status-active{color:#43e97b!important}.permissions{margin-bottom:32px}.permissions h3{font-size:18px;font-weight:700;color:#e4e6eb;margin-bottom:20px}.permission-list{display:flex;flex-direction:column;gap:12px}.permission-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#30cfd00d;border-radius:12px;border:1px solid rgba(48,207,208,.1)}.permission-icon{width:28px;height:28px;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.permission-name{font-size:14px;font-weight:600;color:#e4e6eb;margin-bottom:4px}.permission-desc{font-size:12px;color:#9ca3af}.disconnect-button{width:100%;padding:16px 32px;background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.disconnect-button:hover{background:#ef444433;border-color:#ef4444;transform:translateY(-2px)}.authentication-info{background:linear-gradient(135deg,#30cfd00d,#3308670d);border:1px solid rgba(48,207,208,.2);border-radius:24px;padding:48px;animation:fadeIn .8s ease .4s both}.authentication-info h2{font-size:32px;font-weight:700;color:#e4e6eb;text-align:center;margin-bottom:40px}.info-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px}.step-number{width:56px;height:56px;background:linear-gradient(135deg,#30cfd0,#330867);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin-bottom:16px;box-shadow:0 8px 24px #30cfd04d}.step-content h3{font-size:18px;font-weight:700;color:#e4e6eb;margin-bottom:8px}.step-content p{font-size:14px;color:#9ca3af;line-height:1.6}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.connect-section{grid-template-columns:1fr}.wallet-card{padding:32px 24px}.security-features{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.info-steps{grid-template-columns:1fr}}.role-manager-page{padding:2rem;max-width:600px;margin:0 auto}.role-manager-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.role-manager-container h1{margin-top:0;color:#2c3e50}.form-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:6px;margin-bottom:1rem}.button-group{display:flex;gap:1rem}.btn-add,.btn-remove{flex:1;padding:.8rem;border:none;border-radius:6px;cursor:pointer;font-weight:700}.btn-add{background:#3498db;color:#fff}.btn-remove{background:#e74c3c;color:#fff}.btn-add:disabled,.btn-remove:disabled{opacity:.5;cursor:not-allowed}.message{padding:1rem;border-radius:6px;margin-bottom:1rem}.message-error{background:#fdeaea;color:#e74c3c}.message-info{background:#eaf4fd;color:#3498db}.message-success{background:#eafdf3;color:#2ecc71}.app{min-height:100vh;background:linear-gradient(180deg,#0a0e1a,#1a1f35);color:#fff}.header-icon{font-size:64px;margin-bottom:20px}.header-icon:not(.fade-in){animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-header{text-align:center;margin-bottom:48px;animation:fadeInDown .6s ease}.page-header h1{font-size:42px;font-weight:700;color:#e4e6eb;margin-bottom:12px}.page-header p{font-size:16px;color:#9ca3af;max-width:600px;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e1a;color:#e4e6eb}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100vh}