.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#1a1a1a;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.app-header h1{font-size:1.5rem;font-weight:600}.logout-btn{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.logout-btn:hover{background:#b91c1c}.tabs{display:flex;background:#1a1a1a;border-bottom:1px solid #333;gap:0}.tabs button{padding:1rem 2rem;background:transparent;border:none;color:#999;cursor:pointer;font-size:.875rem;border-bottom:2px solid transparent;transition:all .2s}.tabs button:hover{color:#e0e0e0;background:#252525}.tabs button.active{color:#fff;border-bottom-color:#3b82f6}.app-main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.loading,.error{text-align:center;padding:2rem;font-size:1.125rem}.error{color:#ef4444}.form-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.form-section h2{font-size:1.25rem;margin-bottom:1rem;color:#fff}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.875rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;background:#0a0a0a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.875rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:.25rem;color:#999;font-size:.75rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#333;color:#e0e0e0}.btn-secondary:hover{background:#404040}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-small{padding:.5rem 1rem;font-size:.75rem}.item-list{display:flex;flex-direction:column;gap:1rem}.item-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem}.item-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.item-card-actions{display:flex;gap:.5rem}.image-preview{margin-top:.5rem;max-width:200px;border-radius:4px;border:1px solid #333}.image-upload{display:flex;flex-direction:column;gap:.5rem}.image-upload input[type=file]{padding:.5rem;background:#0a0a0a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.875rem}.array-input{display:flex;flex-direction:column;gap:.5rem}.array-input-item{display:flex;gap:.5rem;align-items:start}.array-input-item input{flex:1}.array-input-item button{padding:.5rem;min-width:40px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.login-box{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:2rem;width:100%;max-width:400px}.login-box h1{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.login-hint{color:#999;font-size:.875rem;margin-bottom:1.5rem}.login-box .form-group{margin-bottom:1.5rem}.login-box .form-group input{width:100%;padding:.75rem;background:#0a0a0a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.875rem;font-family:inherit}.login-box .form-group input:focus{outline:none;border-color:#3b82f6}.login-box .error{color:#ef4444;font-size:.875rem;margin-bottom:1rem}.login-box .btn{width:100%}*{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:#0a0a0a;color:#e0e0e0;min-height:100vh}#root{min-height:100vh}