/* WormFriends Matrix - Django admin exact skin (STYLE ONLY) */
:root{
  --dj-side:#354258;--dj-side2:#303c50;--dj-side3:#2d374a;
  --dj-bg:#edf6f8;--dj-top:#eef7f9;--dj-line:#dbe7ec;
  --dj-head:#56637a;--dj-text:#607389;--dj-muted:#91a1b4;
  --dj-link:#36b9b1;--dj-link2:#52c6bd;--dj-white:#fff;
}
*{box-sizing:border-box!important}
html,body{margin:0!important;background:var(--dj-bg)!important;color:var(--dj-text)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.35!important;overflow-x:hidden!important}
a{color:var(--dj-link)!important;text-decoration:none!important}a:hover{text-decoration:underline!important}
#pixi-bg,body:before,.wm-blue-bar,.blue-bar,.footer{display:none!important}
/* login screen */
.login-body,body.login-page{background:#354258!important;min-height:100vh!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:99px!important}.login-container,.login-box{width:396px!important;background:#fff!important;border-radius:3px!important;box-shadow:none!important;padding:36px 34px 35px!important;border:0!important}.login-container h1,.login-box h1,.login-title{display:none!important}.login-container label,.login-box label{display:block!important;margin:0 0 8px!important;color:#697d9a!important;font-size:13px!important;font-weight:400!important;text-transform:none!important}.login-container input,.login-box input{width:100%!important;height:31px!important;border:1px solid #dfe7ed!important;border-radius:4px!important;background:#fff!important;color:#354258!important;padding:5px 9px!important;margin:0 0 15px!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.02)!important}.login-container button,.login-box button,.login-btn{display:block!important;margin:9px auto 0!important;width:auto!important;min-width:79px!important;height:32px!important;background:#45bbc3!important;border:0!important;border-radius:4px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;padding:0 19px!important;box-shadow:none!important}.login-container button:hover,.login-box button:hover{background:#39adb6!important;transform:none!important}
/* top/side chrome */
.wm-top-header,.top-header,.topbar{position:fixed!important;left:176px!important;right:0!important;top:0!important;height:34px!important;min-height:34px!important;background:var(--dj-top)!important;border-bottom:1px solid var(--dj-line)!important;box-shadow:none!important;padding:0 14px!important;z-index:90!important;backdrop-filter:none!important}.wm-header-inner,.header-inner{height:34px!important;min-height:34px!important;padding:0!important;display:flex!important;align-items:center!important}.wm-brand img,.brand img{display:none!important}.wm-brand span,.brand span{font-size:9px!important;color:#b9c9da!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.2px!important}.wm-brand span:after{display:none!important}.wm-header-actions{margin-left:auto!important}.wm-header-actions a{background:transparent!important;color:#4c6179!important;box-shadow:none!important;border:0!important;padding:0 6px!important;font-size:10px!important}.sidebar{position:fixed!important;left:0!important;top:0!important;width:176px!important;height:100vh!important;background:var(--dj-side)!important;color:#c9d2dc!important;border:0!important;border-right:1px solid rgba(0,0,0,.13)!important;border-radius:0!important;box-shadow:2px 0 3px rgba(0,0,0,.08)!important;padding:0!important;margin:0!important;z-index:100!important;overflow:auto!important;backdrop-filter:none!important}.sidebar:before{content:'☰   WORMFRIENDS MATRIX   ✦';height:34px;background:var(--dj-side2);display:flex;align-items:center;justify-content:center;color:#8eb0c6;font-size:8px;font-weight:800;letter-spacing:.28px;border-bottom:1px solid rgba(0,0,0,.15);white-space:pre}.sidebar-logo{display:none!important}.user-info{background:transparent!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.13)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:14px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.user-info span{font-size:10px!important;color:#c9d2dc!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.user-info span i{color:#8fa3ba!important;margin-right:6px!important}.logout-btn-sidebar{width:24px!important;height:24px!important;background:transparent!important;border:0!important;color:#91a1b4!important;border-radius:0!important;font-size:12px!important}.logout-btn-sidebar:hover{background:#40516b!important;color:#fff!important;transform:none!important}.sidebar-nav{display:block!important;margin:0!important;padding:14px 0!important;list-style:none!important;border-bottom:1px solid rgba(0,0,0,.13)!important}.sidebar-nav:before{content:'APPLICATIONS';display:flex;align-items:center;height:31px;padding:0 13px;color:#798ba0;text-transform:uppercase;font-size:10px;font-weight:800}.sidebar-nav li{margin:0!important;padding:0!important}.sidebar-nav a{height:27px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;color:#c9d2dc!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important;text-transform:none!important}.sidebar-nav a:after{content:'›';margin-left:auto;color:#73b6e8;font-size:16px;font-weight:400}.sidebar-nav a i{width:18px!important;font-size:12px!important;color:#8fa3ba!important}.sidebar-nav a:hover,.sidebar-nav a.active{background:#40516b!important;color:#fff!important;text-decoration:none!important}.sidebar-nav a:hover i,.sidebar-nav a.active i{color:#74d1d0!important}.sidebar:after{content:'BOOKMARKS                                     +';display:flex;align-items:center;height:31px;padding:0 13px;color:#798ba0;text-transform:uppercase;font-size:10px;font-weight:800;border-top:1px solid rgba(255,255,255,.03);white-space:pre;color:#7e8fa5}
/* content */
.main-content,.main{margin-left:176px!important;min-height:100vh!important;background:var(--dj-bg)!important;padding:46px 15px 32px!important;position:relative!important;z-index:1!important}.main-content:before,.main:before{content:'HOME  ›  APP  ›  SITE ADMINISTRATION';position:fixed;left:176px;right:0;top:0;height:34px;background:var(--dj-top);border-bottom:1px solid var(--dj-line);display:flex;align-items:center;padding-left:14px;color:#b8c7d7;font-size:9px;font-weight:800;z-index:80}.main-content:after,.main:after{content:'admin  ˅';position:fixed;right:14px;top:4px;width:127px;height:24px;border:1px solid #d2e2e7;background:#f8fcfd;border-radius:3px;color:#4c6179;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:10px;z-index:91}.page-header{margin:0 0 18px!important;padding:0!important;display:block!important}.page-header h1{font-size:10px!important;line-height:1.2!important;color:#607389!important;text-transform:uppercase!important;font-weight:900!important;margin:0 0 7px!important;letter-spacing:.2px!important}.page-header h1 i{color:#607389!important;margin-right:6px!important}.page-header p{font-size:10px!important;color:#8799aa!important;margin:0!important}.quick{display:none!important}.grid{display:grid!important;grid-template-columns:430px 190px!important;gap:27px!important;align-items:start!important}.block{margin:0 0 11px!important}.block h3{margin:0 0 5px 3px!important;color:#6b7e91!important;text-transform:uppercase!important;font-size:10px!important;font-weight:800!important}.panel,.form-card,.card,.stat-card,.room-card,.wear-card,.skin-card,.server-card,.modal-content,.empty-state,.import-skin-card,.glow-section,.glow-palette,.glow-items-container{background:#fff!important;border:1px solid var(--dj-line)!important;border-radius:4px!important;box-shadow:0 1px 2px rgba(40,80,100,.05)!important;backdrop-filter:none!important}.form-card,.card{padding:14px!important;margin:0 0 13px!important}.card-title{font-size:10px!important;color:#6b7e91!important;text-transform:uppercase!important;font-weight:900!important;border-bottom:1px solid #eef3f5!important;padding:0 0 8px!important;margin:0 0 12px!important}.card-title i{color:#607389!important}.stats-container{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:10px!important;margin:0 0 14px!important}.stat-card{padding:12px!important;text-align:left!important}.stat-card:before{height:3px!important;background:var(--dj-link)!important}.stat-value{font-size:23px!important;color:#36b9b1!important;font-weight:800!important;margin:0 0 3px!important}.stat-label{font-size:9px!important;color:#7d8fa2!important;font-weight:800!important;text-transform:uppercase!important}.row{height:23px!important;display:grid!important;grid-template-columns:1fr 45px 58px!important;align-items:center!important;border-bottom:1px solid #eef3f5!important;padding:0 6px 0 4px!important}.row:last-child{border-bottom:0!important}.name{color:#36b9b1!important;font-size:11px!important}.name i{display:none!important}.mini{color:#39beb6!important;font-size:10px!important}.mini i{font-size:8px!important;margin-right:4px!important}.recent{width:190px!important}.act{height:23px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #eef3f5!important;padding:0 8px!important;color:#556c83!important}.act .x{font-weight:900!important;margin-right:8px!important;color:#58697c!important}.act a{font-size:11px!important}.act small{font-size:8px!important;color:#98a7b5!important;margin-left:3px!important}
/* forms and buttons */
.form-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:12px!important}.form-group,.modal-form-group{margin-bottom:12px!important}label,.modal-form-group label{font-size:10px!important;color:#687b99!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;margin:0 0 6px!important;display:block!important}input,select,textarea,.modal-form-group input{width:100%!important;min-height:31px!important;border:1px solid #dfe7ed!important;border-radius:3px!important;background:#fff!important;padding:6px 10px!important;color:#344258!important;font-size:12px!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--dj-link)!important;box-shadow:0 0 0 3px rgba(69,187,195,.13)!important}.btn-primary,.btn-secondary,.btn-cloud,.btn-import,.btn-id-random,.btn-save,.btn-cancel,button[type=submit],.btn-edit-room,.btn-delete-room,.btn-edit,.btn-delete{border-radius:3px!important;box-shadow:none!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;padding:7px 12px!important;min-height:31px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;transition:none!important}.btn-primary,.btn-secondary,.btn-cloud,.btn-import,.btn-id-random,.btn-save,.btn-cancel,button[type=submit]{background:#45bbc3!important;color:#fff!important;border:0!important}.btn-primary:hover,.btn-secondary:hover,.btn-cloud:hover,.btn-import:hover,.btn-id-random:hover,.btn-save:hover,.btn-cancel:hover,button[type=submit]:hover{background:#36aeb7!important;transform:none!important;text-decoration:none!important}.btn-delete,.btn-delete-room{background:#fff5f5!important;color:#c94747!important;border:1px solid #ffd0d0!important}.btn-edit,.btn-edit-room{background:#f3fbfc!important;color:#36b9b1!important;border:1px solid #cfedef!important}.upload-area,.upload-area-small{background:#f8fcfd!important;border:1px dashed #b8d8de!important;border-radius:4px!important;padding:22px!important}.upload-icon{color:#45bbc3!important}.upload-text{font-size:12px!important;color:#607389!important}.upload-hint{font-size:10px!important;color:#9aabb9!important}
/* tables / list pages */
table,.wm-table{width:100%!important;border-collapse:collapse!important;background:#fff!important;border:1px solid var(--dj-line)!important;box-shadow:0 1px 2px rgba(40,80,100,.05)!important}thead th,table th{background:#56637a!important;color:#fff!important;font-size:10px!important;text-transform:uppercase!important;height:23px!important;text-align:left!important;padding:0 8px!important;border:0!important}tbody td,table td{border-bottom:1px solid #eef3f5!important;color:#607389!important;font-size:11px!important;padding:7px 8px!important;background:#fff!important}tbody tr:hover td,table tr:hover td{background:#fbfdfe!important}.actions,.header-actions{gap:8px!important}.search-bar,.toolbar{display:flex!important;gap:6px!important;align-items:center!important;margin:0 0 14px!important}.search-bar input,.toolbar input{max-width:224px!important;height:30px!important}.search-bar button,.toolbar button{height:30px!important;min-height:30px!important}.rooms-grid,.wear-grid,.servers-grid,.skins-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:12px!important}.room-card,.wear-card,.server-card,.skin-card{border-radius:4px!important;overflow:hidden!important}.room-image-container,.wear-image-container,.server-image-container,.skin-image-container{background:#fbfdfe!important;border-bottom:1px solid #eef3f5!important;height:120px!important}.room-id-badge,.wear-id-badge,.server-id-badge,.skin-id-badge{background:#56637a!important;border-radius:2px!important;color:#fff!important;font-size:10px!important}.room-name,.wear-name,.server-name,.skin-name{font-size:12px!important;color:#607389!important;font-weight:700!important}.room-actions{padding:10px!important;gap:7px!important}.message{border-radius:3px!important;font-size:12px!important}.message.success{background:#ecfbff!important;color:#168fc7!important;border:1px solid #bfefff!important}.message.error{background:#ffecec!important;color:#b84040!important;border:1px solid #ffd0d0!important}.modal{background:rgba(52,66,88,.55)!important}.modal-header{border-bottom:1px solid #eef3f5!important}.modal-header h3{font-size:14px!important;color:#607389!important}.empty-state{padding:35px 15px!important;color:#7b8ea0!important}.empty-state i{font-size:36px!important;color:#45bbc3!important}.loading-spinner{border-top-color:#45bbc3!important}
@media(max-width:900px){.wm-top-header,.top-header,.topbar{left:0!important}.sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important}.sidebar:before{justify-content:flex-start!important;padding-left:12px!important}.main-content,.main{margin-left:0!important;padding-top:22px!important}.main-content:before,.main:before,.main-content:after,.main:after{display:none!important}.sidebar-nav{display:flex!important;flex-wrap:wrap!important;padding:0!important}.sidebar-nav:before{width:100%!important}.sidebar-nav a{border-right:1px solid rgba(255,255,255,.04)!important}.sidebar-nav a:after{display:none!important}.user-info{display:flex!important}.grid{grid-template-columns:1fr!important}.recent{width:auto!important}.rooms-grid,.wear-grid,.servers-grid,.skins-grid{grid-template-columns:1fr!important}}
body{background:#354258!important;min-height:100vh!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:99px!important;margin:0!important}
body>form.card{width:396px!important;background:#fff!important;border-radius:3px!important;box-shadow:none!important;padding:36px 34px 35px!important;border:0!important;margin:0!important}
body>form.card label{display:block!important;margin:0 0 8px!important;color:#697d9a!important;font-size:13px!important;font-weight:400!important;text-transform:none!important}
body>form.card input{width:100%!important;height:31px!important;border:1px solid #dfe7ed!important;border-radius:4px!important;background:#fff!important;color:#354258!important;padding:5px 9px!important;margin:0!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.02)!important}
body>form.card .field{margin-bottom:14px!important}body>form.card .btnwrap{text-align:center!important;padding-top:10px!important}
body>form.card .btn{display:inline-block!important;width:auto!important;min-width:79px!important;height:32px!important;background:#45bbc3!important;border:0!important;border-radius:4px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;padding:0 19px!important;box-shadow:none!important}