/* Sidebar pastel colapsable — Mis 15 Studio */
[hidden]{display:none!important}
.app-shell{display:flex;min-height:100vh}
.side-toggle{position:fixed;top:14px;left:14px;z-index:60;border:1px solid #e3edf2;background:#fff;border-radius:12px;padding:9px 12px;cursor:pointer;color:#5b7a8c;box-shadow:0 6px 18px #a8c6d533}
.sidebar{width:268px;flex:0 0 268px;background:linear-gradient(180deg,#eaf7ff 0%,#f5f0ff 60%,#fff1f6 100%);border-right:1px solid #e4edf3;padding:70px 14px 18px;position:sticky;top:0;height:100vh;overflow:auto;transition:margin .25s}
.app-shell.collapsed .sidebar{margin-left:-268px}
.side-brand{display:block;text-decoration:none;color:#35485c;font:700 20px 'Playfair Display',serif;margin:0 8px 14px}
.side-brand i{font:24px 'Great Vibes',cursive;color:#84bcd7}
.side-group{border:0;margin:0 0 8px;background:transparent}
.side-group summary{list-style:none;cursor:pointer;font:700 11px 'DM Sans',sans-serif;letter-spacing:1.6px;color:#7baec5;padding:10px 10px;border-radius:12px}
.side-group summary::-webkit-details-marker{display:none}
.side-group summary:hover{background:#ffffffaa}
.side-link{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:12px;cursor:pointer;color:#4c6478;font:600 14px 'DM Sans',sans-serif}
.side-link:hover{background:#fff}
.side-link.active{background:#fff;box-shadow:0 8px 20px #a8c6d52b;color:#2f4759}
.side-foot{margin-top:16px;display:grid;gap:8px}
.app-main{flex:1 1 auto;min-width:0;width:100%;max-width:1180px;margin:0 auto;padding:18px 26px 60px}
.app-shell.collapsed .app-main{margin-left:auto;margin-right:auto}
.app-view{display:none}
.app-view.active{display:block;animation:fade .2s}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1}}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.stat-card{background:#fff;border:1px solid #e4edf3;border-radius:16px;padding:14px}
.stat-card b{font-size:26px;display:block}
.stat-card span{font-size:12px;color:#77899a}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.toolbar input,.toolbar select,.platform-card input,.platform-card select,.platform-card textarea{border:1px solid #e1ebf1;border-radius:12px;padding:10px 12px;font:500 14px 'DM Sans',sans-serif;color:#35485c;background:#fff;width:100%}
.platform-card textarea{min-height:90px;resize:vertical}
.toolbar input,.toolbar select{width:auto}
.site-row{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;border:1px solid #e8f0f5;border-radius:14px;padding:12px;margin:8px 0;background:#fbfeff}
.site-row small{display:block;color:#77899a}
.chip{display:inline-block;background:#eaf7ff;border-radius:20px;padding:3px 10px;font-size:12px;margin:2px 4px 2px 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkline{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e8f0f5;border-radius:12px;padding:8px 10px;margin:4px 0}
.checkline input{width:auto}
.share-box{display:grid;gap:8px}
.share-row{display:flex;gap:8px}
.share-row input{flex:1}
@media(max-width:900px){.sidebar{position:fixed;z-index:50;height:100vh}.app-main{padding:64px 16px 60px}.stat-grid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}
