/* Office Life premium dashboard shell inspired by the approved anime management-game mockup. */
:root{
  --ol-bg:#eef2e9;--ol-surface:#fffdf7;--ol-surface-2:#f6f8f1;--ol-panel:#ffffff;
  --ol-ink:#173b32;--ol-muted:#6d7d75;--ol-line:#d7dfd1;--ol-green:#2f7259;--ol-green-2:#4c8c70;
  --ol-green-soft:#e6f0e4;--ol-red:#d84f4f;--ol-gold:#d9a844;--ol-blue:#4c86c9;--ol-shadow:0 10px 30px rgba(29,54,44,.09);
}
html,body{background:var(--ol-bg)!important;color:var(--ol-ink)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.shell{grid-template-columns:220px minmax(0,1fr)!important;background:var(--ol-bg)!important;min-height:100vh}
.sidebar{background:rgba(250,252,247,.98)!important;border-right:1px solid var(--ol-line)!important;padding:18px 14px!important;gap:6px!important;box-shadow:8px 0 28px rgba(42,66,55,.04);z-index:20}
.logo{font-size:24px!important;letter-spacing:-.6px!important;color:#173f34!important;margin:2px 10px 18px!important;display:flex;align-items:center;gap:8px}
.logo:before{content:"▥";display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#215c46;color:#f6efb4;font-size:19px;box-shadow:0 5px 14px #214f3b24}
.sidebar button{border:0!important;border-radius:11px!important;padding:11px 12px!important;min-height:42px!important;font-weight:650!important;color:#29483e!important;box-shadow:none!important;transition:background .15s ease,transform .15s ease,color .15s ease!important}
.sidebar button:hover{background:#edf4e9!important;transform:translateX(1px)}
.sidebar button.active{background:#e0eddd!important;color:#174f3d!important;box-shadow:inset 3px 0 0 #4b986f!important}
.sidebar .footer{border-top:1px solid var(--ol-line);margin-top:auto!important;padding:16px 6px 0!important;color:#7b8780!important}
.topbar{background:rgba(255,254,248,.96)!important;border-bottom:1px solid var(--ol-line)!important;padding:14px 22px!important;min-height:78px;box-shadow:0 2px 12px #1f45351a;position:relative;z-index:12}
.topbar>div:first-child{display:grid;gap:1px}.topbar .eyebrow{color:#6d8d7a!important;letter-spacing:1.4px}.topbar h1{font-size:23px!important;letter-spacing:-.4px;color:#143d31!important}.topbar small{color:#76877d!important}
.topbar .toolbar{gap:9px!important}.topbar select{border-radius:9px!important;background:#fbfcf8!important;border-color:#cbd8ca!important;min-height:38px}.topbar .badge{background:#e7f1e3!important;color:#2f6e54!important;border:1px solid #bfd6c3!important;border-radius:999px!important;padding:5px 10px!important;font-weight:700}.game-calendar{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:10px;background:#f4f7ef;border:1px solid #d7dfd1;font-size:12px;color:#37594d;white-space:nowrap}
.stats{background:#f7f9f4!important;border-bottom:1px solid var(--ol-line)!important;gap:10px!important;padding:10px 16px!important;grid-template-columns:repeat(4,minmax(150px,1fr))!important}
.stat{background:#fffdf8!important;border:1px solid var(--ol-line)!important;border-radius:12px!important;padding:11px 15px!important;box-shadow:0 3px 12px rgba(36,60,49,.04)}
.stat small{letter-spacing:.8px!important;color:#74827b!important}.stat strong{font-size:19px!important;color:#173e33!important}.stat:nth-child(1):before{content:"◉";color:#d4a439;margin-right:7px}.stat:nth-child(2):before{content:"◆";color:#3e8c69;margin-right:7px}.stat:nth-child(3):before{content:"◇";color:#bf6a63;margin-right:7px}.stat:nth-child(4):before{content:"▤";color:#557fbe;margin-right:7px}
.content{padding:20px!important;max-width:1650px!important}.panel{background:rgba(255,254,249,.96)!important;border:1px solid var(--ol-line)!important;border-radius:14px!important;box-shadow:0 6px 20px rgba(32,57,45,.05)!important}.heading h2{font-size:24px!important;letter-spacing:-.4px}.heading .muted{color:#74827b!important}
button{border-radius:9px!important;border-color:#b7c7b7!important;background:#fffdf7!important;box-shadow:none!important;font-weight:600}button:hover{background:#edf5e9!important}.gold{background:#478a69!important;color:white!important;border-color:#478a69!important}.danger{background:#fff7f5!important}
input,select,textarea{border-radius:9px!important;border:1px solid #bac9bb!important;background:#fffef9!important;color:#26453b!important;box-shadow:inset 0 1px 2px #263c2e0d}input:focus,select:focus,textarea:focus{border-color:#72a78a!important;outline:3px solid #72a78a24!important}
.life-bar{background:#fff7db!important;border-color:#e6d39d!important;border-radius:12px!important}.badge{border-radius:999px!important;background:#edf2e8!important;color:#466053!important;padding:3px 8px!important}
.profile{background:#fffef8!important}.profile-header{padding-bottom:12px;border-bottom:1px solid #e2e7de}.profile .portrait{width:86px!important;height:86px!important;padding:0!important;border-radius:16px!important;background:#e8efe7!important;overflow:hidden!important}.profile .portrait svg{image-rendering:auto!important}.chat-log{background:#f7f9f3!important;border-color:#d8dfd3!important;border-radius:12px!important;padding:10px!important}.chat-log p{border:1px solid #e0e5dc;border-radius:10px!important;padding:9px 10px!important}.chat-log .you{background:#e5efd9!important;border-color:#c9dabf!important}.chat-form textarea,.chat-form input{border-radius:10px!important}.person-card{border-radius:14px!important;transition:transform .14s ease,box-shadow .14s ease}.person-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(31,59,47,.09)!important}.person-card .portrait{width:68px!important;height:74px!important;padding:0!important;overflow:hidden!important;border-radius:12px!important}.person-card .portrait svg{image-rendering:auto!important}
/* Premium direct messages */
.dm-center{inset:18px!important;border-radius:18px!important;border:1px solid #c7d2c4!important;background:rgba(247,249,243,.985)!important;box-shadow:0 24px 80px rgba(21,48,37,.2)!important}
.dm-shell>header{padding:15px 20px!important;background:#fffdf5!important;border-bottom:1px solid #d7dfd1!important}.dm-shell>header small{color:#6d8c7a;text-transform:uppercase;font-weight:700;letter-spacing:.8px}.dm-shell>header h2{font-size:25px!important;letter-spacing:-.5px}.dm-layout{grid-template-columns:minmax(270px,31%) 1fr!important}.dm-list{background:#f4f7f0!important;border-right:1px solid #d6dfd2!important}.dm-thread{grid-template-columns:66px 1fr auto!important;padding:11px 12px!important;border-bottom:1px solid #e0e5dc!important;min-height:84px!important}.dm-thread:hover,.dm-thread:focus,.dm-thread.selected{background:#fffef9!important}.dm-thread.selected{box-shadow:inset 3px 0 0 #47906b!important}.dm-thread.unread{background:#f0f6e8!important}.dm-avatar{width:64px!important;height:64px!important;border-radius:13px!important;background:#e4ebe2!important;border:1px solid #d1dbce!important}.dm-copy b{font-size:14px!important;color:#163f33}.dm-copy small{font-size:11px!important;margin:2px 0;color:#75847b!important}.dm-copy>span{font-size:12px!important;color:#52675e!important}.dm-conversation{background:#fbfcf8!important}.dm-person{padding:16px 20px!important;background:#fffef9!important;border-bottom:1px solid #dbe2d6!important;gap:18px!important}.dm-profile{width:154px!important;height:154px!important;border-radius:18px!important;border:1px solid #c4d1c3!important;background:#e8eee5!important;box-shadow:0 5px 20px #24473512}.dm-person h3{font-size:26px!important;letter-spacing:-.5px;color:#153e32!important}.dm-person p{font-size:14px;color:#62766c}.dm-person small{display:inline-flex;margin-top:5px;padding:5px 9px;border-radius:999px;background:#eff4eb;color:#577165!important}.dm-log{padding:20px 24px!important;background:linear-gradient(#fbfcf8,#f7faf4)!important}.dm-msg{max-width:76%!important;border-radius:14px!important;padding:11px 13px!important;border-color:#d8e0d5!important;box-shadow:0 2px 8px #1e3b2e08!important}.dm-msg.them{background:#fff!important}.dm-msg.me{background:#e6efdc!important;border-color:#cbdabd!important}.dm-msg b{letter-spacing:.6px;color:#5e7168}.dm-msg p{font-size:13px!important;line-height:1.48!important}.dm-reply{padding:13px 16px!important;background:#fffef8!important;border-top:1px solid #d7dfd2!important}.dm-reply textarea{min-height:52px!important;border-radius:12px!important;padding:12px!important}.dm-reply button{min-width:76px;background:#3f8967!important;color:#fff!important;border-color:#3f8967!important}.dm-typing{width:80px}.dm-typing span{background:#6f8b79!important}
@media(max-width:1100px){.shell{grid-template-columns:176px minmax(0,1fr)!important}.stats{grid-template-columns:repeat(2,1fr)!important}.dm-profile{width:118px!important;height:118px!important}.dm-layout{grid-template-columns:260px 1fr!important}}
@media(max-width:760px){.shell{display:block!important}.sidebar{flex-direction:row!important;overflow:auto!important;padding:8px!important}.sidebar .logo,.sidebar .footer{display:none!important}.stats{grid-template-columns:repeat(2,1fr)!important;padding:8px!important}.dm-center{inset:7px!important}.dm-layout{grid-template-columns:1fr!important}.dm-list{max-height:205px!important}.dm-profile{width:80px!important;height:80px!important}.dm-person h3{font-size:20px!important}.dm-msg{max-width:92%!important}}