.card-form{max-width:800px;margin:0 auto}.card-form-header{margin-bottom:2rem}.card-form-header h2{font-size:1.75rem;color:#fff}.form{background:#111;border:1px solid #1a1a1a;border-radius:12px;padding:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #1a1a1a}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:1.25rem;color:#d4af37;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#fff;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#d4af37}.form-group input[type=file]{padding:.5rem;cursor:pointer}.form-group small{display:block;margin-top:.25rem;color:#666;font-size:.85rem}.upload-status{display:block;margin-top:.5rem;color:#d4af37;font-size:.9rem}.preview-image{display:block;margin-top:.75rem;max-width:200px;max-height:200px;border-radius:6px;border:1px solid #2a2a2a}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-secondary{padding:.75rem 1.5rem;background:transparent;border:1px solid #444444;color:#fff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#666;background:#1a1a1a}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#b8941f);color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.card-list{margin-top:1rem}.card-list-title{font-size:1.1rem;margin-bottom:1rem;color:#fff}.card-list-empty{text-align:center;padding:2rem;color:#666}.hint{font-size:.9rem;margin-top:.5rem}.card-item{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:all .2s;cursor:pointer}.card-item:hover{border-color:#d4af37;background:#222}.card-item.selected{border-color:#d4af37;background:#2a2a2a}.card-item-content h4{color:#fff;margin-bottom:.25rem;font-size:1rem}.card-item-title{color:#888;font-size:.85rem;margin-bottom:.5rem}.card-item-user{color:#d4af37;font-size:.8rem;margin-bottom:.75rem;font-style:italic}.card-item-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-link{background:transparent;border:1px solid #444444;color:#d4af37;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s}.btn-link:hover{border-color:#d4af37;background:#d4af371a}.btn-danger{color:#ff6b6b;border-color:#ff6b6b}.btn-danger:hover{border-color:#ff6b6b;background:#ff6b6b1a}.user-management{padding:2rem;background:#111;border:1px solid #1a1a1a;border-radius:12px}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.user-management-header h2{color:#fff;font-size:1.5rem}.user-management-loading{padding:2rem;text-align:center;color:#888}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:.75rem;border-radius:6px;margin-bottom:1rem}.user-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.user-form-content{background:#111;border:1px solid #1a1a1a;border-radius:12px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.user-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.user-form-header h3{color:#fff;font-size:1.25rem}.close-button{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-button:hover{background:#ffffff1a}.user-form-content .form-group{margin-bottom:1.5rem}.user-form-content .form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}.user-form-content .form-group input,.user-form-content .form-group select{width:100%;padding:.75rem;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;color:#fff;font-size:1rem;font-family:inherit}.user-form-content .form-group input:focus,.user-form-content .form-group select:focus{outline:none;border-color:#d4af37}.user-form-content .form-group input:disabled{opacity:.5;cursor:not-allowed}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto}.user-form-content .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.users-list{margin-top:2rem}.users-table{width:100%;border-collapse:collapse;background:#0a0a0a;border-radius:8px;overflow:hidden}.users-table thead{background:#1a1a1a}.users-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:1rem;color:silver;border-top:1px solid #1a1a1a}.users-table tbody tr:hover{background:#111}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;text-transform:uppercase}.role-badge.admin{background:#d4af3733;color:#d4af37;border:1px solid #d4af37}.role-badge.user{background:#8883;color:#888;border:1px solid #888888}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-badge.active{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.status-badge.inactive{background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.btn-edit,.btn-delete{padding:.4rem .8rem;border:1px solid #444444;border-radius:4px;font-size:.85rem;cursor:pointer;margin-right:.5rem;transition:all .2s}.btn-edit{background:transparent;color:#d4af37;border-color:#d4af37}.btn-edit:hover{background:#d4af371a}.btn-delete{background:transparent;color:#ff6b6b;border-color:#ff6b6b}.btn-delete:hover{background:#ff6b6b1a}@media (max-width: 768px){.users-table{font-size:.85rem}.users-table th,.users-table td{padding:.75rem .5rem}.user-form-content{padding:1.5rem}}.dashboard{min-height:100vh;background:#0a0a0a;color:#fff}.dashboard-header{padding:2rem;border-bottom:1px solid #1a1a1a;background:#111;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#888;font-size:.9rem}.dashboard-content{display:flex;min-height:calc(100vh - 120px)}.dashboard-sidebar{width:300px;padding:2rem;border-right:1px solid #1a1a1a;background:#111;overflow-y:auto}.dashboard-main{flex:1;padding:2rem;overflow-y:auto}.dashboard-main-full{flex:1;padding:0;overflow-y:auto}.dashboard-tabs{display:flex;gap:.5rem;padding:0 2rem;border-bottom:1px solid #1a1a1a;background:#111}.tab-button{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-button:hover{color:#fff}.tab-button.active{color:#d4af37;border-bottom-color:#d4af37}.btn-primary{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#b8941f);color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:2rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.welcome-screen{text-align:center;padding:4rem 2rem;color:#888}.welcome-screen h2{color:#fff;margin-bottom:1rem;font-size:2rem}.logout-button{padding:.5rem 1rem;background:transparent;border:1px solid #444444;color:#fff;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.logout-button:hover{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b1a}@media (max-width: 768px){.dashboard-content{flex-direction:column}.dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid #1a1a1a}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}}.black-gold-profile{position:relative;width:100%;max-width:600px;margin:0 auto;min-height:100vh;background:#000;padding:3rem 2rem;display:flex;flex-direction:column}.profile-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}.profile-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:0}.logo-container{flex:0 0 auto}.logo-image{max-width:52.8px;max-height:52.8px;object-fit:contain;filter:grayscale(100%) brightness(1.3)}.top-right-text{color:silver;font-size:.7rem;font-weight:300;letter-spacing:1px;text-transform:uppercase;text-align:right}.portrait-section{width:100%;margin-bottom:1.2rem;display:flex;justify-content:center}.portrait-wrapper{width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid #d4af37;box-shadow:0 0 30px #d4af374d;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.portrait-image{width:100%;height:100%;object-fit:cover}.name-section{text-align:center;margin-bottom:4rem;width:100%;padding-bottom:2rem;border-bottom:1px solid #1a1a1a}.profile-name{font-size:2rem;font-weight:600;color:#fff;margin:0 0 .5rem;letter-spacing:1px;line-height:1.2}.profile-title{font-size:1.1rem;font-weight:400;color:#d4af37;margin:0;letter-spacing:2px;text-transform:uppercase}.links-section{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-bottom:3rem}.contact-link{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0a0a0a;border:1px solid #1a1a1a;text-decoration:none;color:#fff;transition:all .2s ease;cursor:pointer;position:relative}.contact-link:hover{border-color:#d4af37;background:#111}.contact-link:active{background:#0a0a0a}.link-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.link-label{font-size:.7rem;font-weight:400;color:#666;letter-spacing:2px;text-transform:uppercase}.link-value{color:#fff;font-size:1rem;font-weight:300;letter-spacing:.5px}.contact-link:hover .link-value{color:#d4af37}.link-arrow{color:#666;font-size:1.2rem;font-weight:300;transition:all .2s ease;margin-left:1rem}.contact-link:hover .link-arrow{color:#d4af37;transform:translate(4px)}.address-link{cursor:default}.address-link:hover{border-color:#1a1a1a;background:#0a0a0a}.address-link:hover .link-value{color:#fff}.address-link .link-arrow{display:none}.social-section{width:100%;display:flex!important;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #1a1a1a;visibility:visible!important;opacity:1!important}.social-link{padding:.75rem;background:transparent;border:none;border-radius:4px;text-decoration:none;color:#666;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;visibility:visible!important;opacity:1!important}.social-icon{width:24px;height:24px;fill:currentColor}.social-link:hover{color:#d4af37;background:#d4af371a;transform:translateY(-2px)}.footer-branding{margin-top:auto;padding-top:3rem;color:#888;font-size:.85rem;text-align:center;font-weight:300;letter-spacing:2px;text-transform:uppercase;border-top:1px solid #1a1a1a;padding-top:2rem}@media (max-width: 768px){.black-gold-profile{padding:2rem 1.5rem;min-height:100vh}.profile-header{margin-bottom:2.5rem}.logo-image{max-width:41.8px;max-height:41.8px}.portrait-section{margin-bottom:.96rem}.portrait-wrapper{width:180px;height:180px}.profile-name{font-size:1.75rem}.profile-title{font-size:1rem}.name-section{margin-bottom:3rem;padding-bottom:1.5rem}.contact-link{padding:1.25rem 1.5rem}.link-value{font-size:.95rem}.social-section{gap:.5rem}.social-link{width:44px;height:44px;padding:.65rem}.social-icon{width:22px;height:22px}}@media (max-width: 480px){.black-gold-profile{padding:1.5rem 1rem}.profile-header{margin-bottom:2rem}.logo-image{max-width:33px;max-height:33px}.portrait-section{margin-bottom:.8rem}.portrait-wrapper{width:150px;height:150px}.profile-name{font-size:1.5rem}.profile-title{font-size:.9rem}.links-section{gap:.5rem}.contact-link{padding:1rem 1.25rem}.link-label{font-size:.65rem}.link-value{font-size:.9rem}.social-section{gap:.5rem}.social-link{width:40px;height:40px;padding:.6rem;flex:0 0 auto}.social-icon{width:20px;height:20px}}@media (min-width: 769px){.black-gold-profile{min-height:auto;padding:4rem 3rem}}.card-view{min-height:100vh;background:#000;position:relative;display:flex;align-items:center;justify-content:center;padding:0}.card-display{width:100%;display:flex;justify-content:center;align-items:flex-start}.qr-toggle-button{position:fixed;bottom:2rem;right:2rem;min-width:60px;height:50px;padding:0 1.25rem;border-radius:4px;background:#1a1a1a;border:1px solid #2a2a2a;color:#d4af37;font-size:.85rem;font-weight:500;letter-spacing:1px;cursor:pointer;z-index:100;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;text-transform:uppercase}.qr-toggle-button:hover{border-color:#d4af37;background:#222;color:#fff}.qr-toggle-button:active{background:#1a1a1a}.qr-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.qr-modal-content{background:#1a1a1a;border:2px solid #d4af37;border-radius:20px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:400px;width:100%;position:relative}.qr-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.qr-close:hover{background:#ffffff1a}.qr-modal-content h3{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.qr-hint{color:#888;font-size:.9rem;text-align:center;margin:0}.qr-url{color:#d4af37;font-size:.85rem;text-align:center;word-break:break-all;margin:0;padding:.75rem;background:#d4af371a;border-radius:8px;width:100%}.card-view-loading,.card-view-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#000}.loading-spinner{width:50px;height:50px;border:4px solid #2a2a2a;border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.template-not-found{color:#ff6b6b;text-align:center;padding:1rem;margin-bottom:1rem}@media (max-width: 768px){.qr-toggle-button{bottom:1.5rem;right:1.5rem;min-width:50px;height:45px;padding:0 1rem;font-size:.75rem}.qr-modal{padding:1rem}.qr-modal-content{padding:1.5rem}}.login-page{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{width:100%;max-width:400px;background:#111;border:1px solid #1a1a1a;border-radius:12px;padding:3rem 2rem}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{font-size:2rem;font-weight:600;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:#888;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fff;font-size:.9rem;font-weight:500}.form-group input{padding:.75rem 1rem;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;color:#fff;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#d4af37}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:.75rem;border-radius:6px;font-size:.9rem;text-align:center}.login-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#b8941f);color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid #1a1a1a}.login-footer p{color:#666;font-size:.85rem}@media (max-width: 480px){.login-container{padding:2rem 1.5rem}}.app{min-height:100vh;background:#0a0a0a}*{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:#fff;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}