:root{--ecl-ink:#262431;--ecl-muted:#747987;--ecl-line:#e4e5ea;--ecl-soft:#f7f6fb;--ecl-violet:#6042d7;--ecl-orange:#e95e24;--ecl-green:#167244}
.main-menu{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0 18px;position:relative;z-index:30}.main-menu a,.menu-group>summary{min-height:46px;display:flex;align-items:center;gap:8px;padding:0 15px;border:1px solid #dddfe5;border-radius:11px;background:#fff;color:#252632;text-decoration:none;font-weight:800;font-size:14px;cursor:pointer;list-style:none;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease}.menu-group>summary::-webkit-details-marker{display:none}.menu-group>summary:after{content:'⌄';margin-left:2px;color:#888e99;font-size:14px;transition:transform .16s ease}.menu-group[open]>summary:after{transform:rotate(180deg)}.main-menu a:hover,.menu-group>summary:hover,.main-menu a.active,.menu-group.active>summary{border-color:#cfc7f7;background:#f2efff;color:#5137bd}.menu-group{position:relative}.menu-dropdown{position:absolute;left:0;top:calc(100% + 7px);z-index:40;display:grid;gap:4px;min-width:230px;padding:8px;border:1px solid #dedfe5;border-radius:13px;background:#fff;box-shadow:0 16px 36px rgba(29,27,42,.16)}.menu-dropdown a{min-height:38px;border:0;border-radius:8px;padding:0 11px;background:transparent;font-size:13px}.menu-dropdown a:hover,.menu-dropdown a.active{background:#f2efff;color:#5137bd}.menu-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e95e24;color:#fff;font-size:10px}.menu-home.active{background:#231f31;border-color:#231f31;color:#fff}
.ecl-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:26px 0 18px}.ecl-title h1{margin:3px 0 5px;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;color:var(--ecl-ink)}.ecl-title p{margin:0;color:var(--ecl-muted);max-width:720px}.eyebrow{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--ecl-violet)}.ecl-live{background:#e9f8f0;color:var(--ecl-green);padding:8px 11px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.ecl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.ecl-metrics article,.ecl-card{background:#fff;border:1px solid var(--ecl-line);border-radius:15px;padding:17px;min-width:0}.ecl-metrics strong,.ecl-metrics span{display:block}.ecl-metrics strong{font-size:25px;color:var(--ecl-ink)}.ecl-metrics span{margin-top:4px;color:var(--ecl-muted);font-size:11px}.ecl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px}.ecl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ecl-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:18px;align-items:start}.ecl-layout>aside{position:sticky;top:15px}.ecl-layout>aside>.form-card+.form-card{margin-top:15px}.ecl-card h2,.ecl-card h3{margin:5px 0 8px}.ecl-card p{color:var(--ecl-muted);font-size:13px;line-height:1.5}.ecl-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ecl-card-head small{display:block;color:var(--ecl-muted);font-size:10px}.ecl-card-foot,.ecl-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.ecl-card-foot span,.ecl-tags span,.ecl-badge{display:inline-block;border-radius:999px;background:#f0edfd;color:#4b35ad;padding:5px 8px;font-size:9px;font-weight:800}.ecl-badge.warning{background:#fff4df;color:#8a5c0c}.ecl-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #edf0f3}.ecl-line:last-child{border-bottom:0}.ecl-line strong,.ecl-line small{display:block}.ecl-line small{margin-top:3px;color:var(--ecl-muted);font-size:10px}.ecl-line>span{color:var(--ecl-muted);font-size:11px;text-align:right}.ecl-empty{padding:24px;border:1px dashed #ccd0d8;border-radius:12px;background:#fafafa;text-align:center;color:var(--ecl-muted)}.ecl-section-title{margin:28px 0 12px}.ecl-link{display:inline-block;margin-top:8px;color:var(--ecl-violet);font-weight:800}.ecl-card label,.ecl-inline-form label{display:block;font-size:11px;font-weight:800;margin:10px 0 5px}.ecl-card input,.ecl-card select,.ecl-card textarea,.ecl-inline-form input,.ecl-inline-form textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d9dce3;border-radius:8px;background:#fff}.ecl-card button,.ecl-inline-form button{margin-top:12px;padding:10px 13px;border:0;border-radius:8px;background:var(--ecl-orange);color:#fff;font-weight:800}.ecl-inline-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--ecl-line)}.danger-button{background:#8b3333!important}.form-card fieldset{border:1px solid var(--ecl-line);border-radius:10px;margin:12px 0;padding:9px}.form-card legend{font-size:10px;font-weight:900;padding:0 5px}.form-card .check{display:inline-flex;align-items:center;gap:5px;margin:4px 10px 4px 0;font-weight:600}.form-card .check input{width:auto}.form-card select[multiple]{min-height:115px}.clan-card dl{margin:14px 0 0}.clan-card dl div{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:5px 0}.clan-card dt{color:var(--ecl-muted);font-size:10px}.clan-card dd{margin:0;font-size:12px;font-weight:700}.audit-table{overflow:auto}.audit-table table{width:100%;border-collapse:collapse;min-width:760px}.audit-table th,.audit-table td{text-align:left;padding:10px;border-bottom:1px solid var(--ecl-line);font-size:11px}.audit-table th{color:var(--ecl-muted);text-transform:uppercase;font-size:9px}
@media(max-width:1100px){.ecl-layout{grid-template-columns:1fr}.ecl-layout>aside{position:static}.ecl-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.main-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.main-menu>a,.menu-group,.menu-group>summary{width:100%;min-width:0}.main-menu>a,.menu-group>summary{justify-content:space-between;min-height:42px;padding:0 12px;font-size:12px}.menu-group[open]{grid-column:1/-1}.menu-dropdown{position:static;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin-top:6px;padding:6px;box-shadow:none}.menu-dropdown a{white-space:normal;line-height:1.2;min-height:40px}.ecl-title{align-items:flex-start;flex-direction:column}.ecl-grid-2{grid-template-columns:1fr}.ecl-line{align-items:flex-start}.ecl-card{padding:14px}}
@media(max-width:480px){.ecl-metrics{grid-template-columns:1fr 1fr}.ecl-metrics article{padding:13px}.ecl-live{white-space:normal}.clan-card dl div{grid-template-columns:1fr}.ecl-card-head{flex-direction:column}}

/* Identidade visual oficial Sinyster Command */
:root{--ecl-ink:#171722;--ecl-line:#ddd6f2;--ecl-soft:#f7f5ff;--ecl-violet:#7140e8;--ecl-orange:#6b34dc}
body{background:radial-gradient(circle at 8% 0%,rgba(104,51,220,.11),transparent 31%),linear-gradient(180deg,#f8f8fb 0%,#f3f1f8 100%)}
.brand-logo{display:block;width:54px;height:54px;object-fit:cover;border:1px solid #7242e7;border-radius:16px;background:#0f1016;box-shadow:0 0 0 3px rgba(115,66,232,.09),0 9px 24px rgba(48,28,99,.18)}
.topline .brand{padding:0;gap:13px}.topline .brand-logo{width:58px;height:58px;border-radius:17px}.topline .brand strong{font-size:14px;color:#22202b}.topline .brand span{color:#7042d8}
.login{max-width:480px!important;margin:3vh auto!important;border:2px solid #7444df!important;border-radius:24px!important;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)!important;box-shadow:0 24px 65px rgba(33,24,58,.2),0 0 0 6px rgba(112,62,223,.06)}
.login .brand{justify-content:center;padding:0 0 22px}.login .brand-logo{width:clamp(190px,48vw,240px);height:auto;border-width:2px;border-radius:34px;box-shadow:0 0 0 5px rgba(115,65,228,.08),0 18px 42px rgba(32,22,56,.24)}.login .brand>div{display:none}.login h1{text-align:center;margin-top:0;color:#1c1b24}.login>p:not(.error):not(.notice){text-align:center;color:#6f6b7b}.login input{border-color:#d9d0f4!important;background:#fff}.login input:focus{outline:0;border-color:#7645e8!important;box-shadow:0 0 0 4px rgba(116,69,232,.12)}
.setup{border:2px solid #7444df!important;box-shadow:0 24px 65px rgba(33,24,58,.18)}.setup .brand{justify-content:center;padding:0 0 22px}.setup .brand-logo{width:170px;height:auto;border-radius:28px}.setup .brand>div{display:none}
.login button,.setup button,.form-card button:not(.danger-button),.primary,.search-box button,.ecl-card button:not(.danger-button),.ecl-inline-form button:not(.danger-button),.cwl-confirm{background:linear-gradient(135deg,#5122c2 0%,#8249ef 100%)!important;color:#fff;box-shadow:0 8px 20px rgba(92,43,198,.22);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.login button:hover,.setup button:hover,.form-card button:not(.danger-button):hover,.search-box button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 11px 24px rgba(92,43,198,.28)}
.main-menu a,.menu-group>summary{border-color:#d9d0f4}.main-menu a:hover,.menu-group>summary:hover,.main-menu a.active,.menu-group.active>summary{border-color:#8757eb;background:#f1edff;color:#4d27a8}.menu-dropdown{border-color:#d7cef1;box-shadow:0 18px 40px rgba(41,28,72,.17)}.menu-count{background:#6d36df}.menu-home.active{background:linear-gradient(135deg,#171820,#2e2547);border-color:#7747e4;box-shadow:inset 0 0 0 1px rgba(156,112,255,.24)}
.ecl-card,.form-card,.data-card,.people-list,.api-clans,.cwl-panel,.portal-village,.access-list,.selected-review,.source-clan-group{border-color:#ded6f5;box-shadow:0 7px 22px rgba(41,29,72,.055)}.ecl-live,.confirm-badge{border:1px solid rgba(113,64,232,.18)}.ecl-badge,.ecl-card-foot span,.ecl-tags span,.portal-count,.role-badge{background:#eee9ff;color:#5430b2}.search-box input,.form-card input,.form-card select,.form-card textarea{border-color:#ddd5f4}.search-box input:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:0;border-color:#7544e6;box-shadow:0 0 0 3px rgba(117,68,230,.11)}
@media(max-width:760px){.topline .brand-logo{width:52px;height:52px}.login{margin:12px!important;border-radius:20px!important;padding:24px!important}.login .brand-logo{width:min(205px,68vw);border-radius:29px}.setup .brand-logo{width:145px}}