.card-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.card-actions form{margin:0}.mini-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #dbe1eb;border-radius:8px;background:#fff;color:#344054;font-weight:bold;cursor:pointer}.mini-btn:hover{border-color:#1677ff;color:#1677ff}.mini-btn.danger{border-color:#ffd7d7;color:#b42318;background:#fff7f7}.mini-btn.danger:hover{background:#b42318;border-color:#b42318;color:#fff}.current-photo{display:grid;gap:8px;width:min(420px,100%);color:#7d8799;font-weight:bold}.current-photo img{width:100%;max-height:260px;object-fit:cover;border:1px solid #e2e7ef;border-radius:12px}.event-list{display:grid;gap:12px;padding-top:18px}.event-list article{display:grid;grid-template-columns:1fr 180px;gap:18px;align-items:center;padding:16px;border:1px solid #e2e7ef;border-radius:12px}.event-list h3{margin:5px 0}.event-list p{margin:0 0 10px;color:#596579}.event-list small{color:#1677ff;font-weight:bold}.event-list span{color:#7d8799}.event-list img{width:180px;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.visibility-block{display:grid;gap:10px;padding:16px;border:1px solid #e2e7ef;border-radius:12px}.visibility-block h3{margin:0 0 4px}.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:12px;padding:11px 12px;border:1px solid #edf0f5;border-radius:10px;background:#fbfcff;cursor:pointer}.check-row input{width:auto!important}.check-row small{display:block;margin-top:3px;color:#7d8799;font-weight:normal}@media(max-width:760px){.event-list article{grid-template-columns:1fr}.event-list img{width:100%}}@media(max-width:520px){.mini-btn{width:100%}.card-actions{align-items:stretch;flex-direction:column}.card-actions form{display:grid}}
.hero-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hero-picker label{position:relative;display:grid!important;gap:8px;padding:8px;border:1px solid #e2e7ef;border-radius:10px;background:#fff;cursor:pointer}.hero-picker input{position:absolute;top:10px;left:10px;width:18px!important;height:18px;accent-color:#1677ff}.hero-picker img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.hero-picker span{font-size:12px;font-weight:bold;color:#344054}.hero-picker small{display:block;margin-top:3px;color:#7d8799;font-weight:normal}@media(max-width:1000px){.hero-picker{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.hero-picker{grid-template-columns:1fr 1fr}}
.bulk-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 18px;padding:12px 14px;border:1px solid #e2e7ef;border-radius:10px;background:#fbfcff}.bulk-actions label{display:flex;align-items:center;gap:9px;font-weight:bold;color:#344054}.bulk-actions input,.photo-select input{width:auto!important;accent-color:#1677ff}.selectable-library article{position:relative}.photo-select{position:absolute;z-index:2;top:10px;left:10px;display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#ffffffe8;color:#344054;font-size:12px;font-weight:bold;box-shadow:0 4px 14px #12203c24}.photo-select span{line-height:1}@media(max-width:520px){.bulk-actions{align-items:stretch;flex-direction:column}.bulk-actions .mini-btn{width:100%}}
.equipment-table-wrap{overflow:auto;padding-top:18px}.equipment-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.equipment-table th,.equipment-table td{padding:14px;border-bottom:1px solid #e2e7ef;text-align:left;vertical-align:middle}.equipment-table th{color:#667085;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.equipment-table strong,.equipment-table small{display:block}.equipment-table small{margin-top:5px;color:#7d8799}.equipment-thumb{width:74px;height:74px;object-fit:cover;border-radius:10px;border:1px solid #e2e7ef}.barcode-svg{display:block;width:210px;max-width:100%;height:auto;border:1px solid #e2e7ef;border-radius:8px;background:#fff}.barcode-error{display:block;max-width:220px;color:#b42318;font-weight:bold}.compact-list article{grid-template-columns:1fr auto}@media(max-width:760px){.equipment-panel header{align-items:stretch;flex-direction:column}.equipment-panel header .actions{flex-direction:column}.equipment-panel header form{display:grid}}
.upload-preview-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.upload-preview-list span{max-width:180px;padding:6px 9px;border:1px solid #dbe1eb;border-radius:999px;background:#fff;color:#344054;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #dbe1eb;border-radius:10px;background:#f9fbff}.upload-progress>div{height:12px;overflow:hidden;border-radius:999px;background:#dbe7f7}.upload-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#1677ff;transition:width .12s linear}.upload-progress strong{min-width:42px;text-align:right;color:#344054}
.upload-progress:not([hidden]){display:grid}.upload-progress span{min-width:3px;background:linear-gradient(90deg,#1677ff,#63a7ff)}.upload-progress strong{min-width:96px;white-space:nowrap}
*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;background:#f5f7fb;color:#172033}a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:24px 16px;background:linear-gradient(#0c1a2e,#101827);color:#dce7f5;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:8px 10px 28px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1677ff;font-size:24px}.brand b,.brand small,.user b,.user small{display:block}.brand small,.user small{color:#8494ac;margin-top:4px}.sidebar nav{display:grid;gap:6px}.sidebar nav label{margin:20px 12px 6px;color:#70819a;font-size:11px;font-weight:bold;text-transform:uppercase}.sidebar nav a{padding:12px 14px;border-radius:9px}.sidebar nav a.active,.sidebar nav a:hover{background:#1677ff;color:white}.user{margin-top:auto;display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #26354a;border-radius:12px}.user i,.message i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#dce9ff;color:#1677ff;font-style:normal;font-weight:bold}.shell>main{grid-column:2;padding:28px 32px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.top h1{margin:0;font-size:30px}.top p,.panel header p,.form-panel>p{margin:5px 0 0;color:#7b8698}.top>div:last-child,.actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:9px;background:#1677ff;color:#fff;font-weight:bold;cursor:pointer}.btn.alt{background:#fff;color:#344054;border:1px solid #dbe1eb}.wide{width:100%}.alert{padding:13px 16px;border-radius:9px;margin-bottom:18px}.success{background:#e9f9ef;color:#18763e}.error{background:#fff0f0;color:#a92d2d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.stats article,.panel,.form-panel{background:#fff;border:1px solid #e4e9f1;border-radius:14px;box-shadow:0 8px 24px #12203c0d}.stats article{display:flex;gap:17px;align-items:center;padding:22px}.stats i{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;font-size:25px}.blue{background:#e8f1ff;color:#1677ff}.violet{background:#f3eaff;color:#8847ff}.orange{background:#fff1dd;color:#f08a00}.stats small,.stats b,.stats p{display:block}.stats b{font-size:28px;margin:4px 0}.stats p{margin:0;color:#8a94a6}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel,.form-panel{padding:20px}.panel header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #edf0f5}.panel h2,.form-panel h2{margin:0}.panel header>a{color:#1677ff;font-weight:bold}.row{display:grid;grid-template-columns:10px 1fr auto auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f5}.row>i{width:9px;height:9px;border-radius:50%;background:#1677ff}.row span{color:#768196}.row a{color:#1677ff}.recent{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:16px}.recent a{position:relative;overflow:hidden;border-radius:10px}.recent img{width:100%;aspect-ratio:1;object-fit:cover}.recent span{position:absolute;inset:auto 0 0;padding:26px 8px 8px;background:linear-gradient(transparent,#000c);color:white;font-size:12px}.form-panel{max-width:900px}.form{display:grid;gap:18px;margin-top:20px}.form label{display:grid;gap:8px;font-weight:bold;color:#344054}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #d7ddea;border-radius:9px;font:inherit}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drop{min-height:250px;border:2px dashed #cbd5e5!important;border-radius:14px;display:flex!important;align-items:center;justify-content:center;text-align:center;background:#f9fbff;cursor:pointer}.drop input{display:none}.drop small{display:block;color:#7d8799}.drop img{max-width:400px;max-height:260px;margin-top:15px;object-fit:contain}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0}.filters a{padding:8px 12px;border:1px solid #dde3ed;border-radius:999px;color:#667085}.filters a.active{background:#1677ff;color:white;border-color:#1677ff}.library{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.library article{overflow:hidden;border:1px solid #e2e7ef;border-radius:11px}.library img{width:100%;aspect-ratio:4/3;object-fit:cover}.library article>div{padding:13px}.library small{color:#1677ff;font-weight:bold}.library h3{margin:5px 0}.library p{margin:0;color:#7c8697;font-size:12px}.message{display:grid;grid-template-columns:44px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid #edf0f5}.message h3{margin:0}.message a{color:#1677ff}.message p{color:#596579}.message time{color:#8d97a7}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#f7f9fc)}.login-card{width:min(420px,calc(100% - 32px));padding:34px;background:white;border:1px solid #e2e7ef;border-radius:16px;box-shadow:0 20px 60px #23375a1f;display:grid;gap:16px}.login-card .logo{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#1677ff;color:white;font-size:25px}.login-card h1,.login-card p{margin:0}.login-card label{display:grid;gap:7px;font-weight:bold}.login-card input{padding:13px;border:1px solid #d7ddea;border-radius:9px}@media(max-width:1000px){.columns{grid-template-columns:1fr}.library{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:auto}.user{display:none}.shell>main{padding:18px}.stats{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column;gap:15px}.grid,.library{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid,.library,.recent{grid-template-columns:1fr}.top>div:last-child,.actions{width:100%;flex-direction:column}.btn{width:100%}}