@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";
:root{--bg-base:#0b0f17;--bg-surface:#121826;--bg-surface-hover:#172033;--bg-elevated:#1c263d;--bg-glass:#0f1623b8;--bg-glass-card:#121929ad;--bg-glass-card-hover:#182238d1;--border-subtle:#ffffff12;--border-glass:#ffffff1c;--border-hover:#ffffff30;--border-accent:#06b6d459;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--cyan:#06b6d4;--cyan-light:#22d3ee;--cyan-dark:#0891b2;--cyan-glow:#06b6d429;--emerald:#10b981;--emerald-light:#34d399;--emerald-dark:#059669;--emerald-glow:#10b98129;--rose:#f43f5e;--rose-light:#fb7185;--rose-dark:#e11d48;--rose-glow:#f43f5e29;--amber:#f59e0b;--amber-light:#fbbf24;--amber-glow:#f59e0b29;--violet:#8b5cf6;--violet-light:#a78bfa;--violet-glow:#8b5cf62e;--bg:var(--bg-base);--card:var(--bg-surface);--card-hover:var(--bg-surface-hover);--border:var(--border-subtle);--accent:var(--cyan);--accent-dark:var(--cyan-dark);--green:var(--emerald);--red:var(--rose);--orange:var(--amber);--purple:var(--violet);--text:var(--text-primary);--muted:var(--text-secondary);--sidebar-bg:#0b0f17f2;--topbar-bg:#0b0f17d1;--sidebar-width:268px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:9999px;--shadow-sm:0 2px 8px -1px #0000004d;--shadow-md:0 8px 24px -4px #00000073;--shadow-lg:0 16px 40px -8px #0000008c;--shadow-glow-cyan:0 0 24px -4px #06b6d440;--shadow-glow-emerald:0 0 24px -4px #10b98140;--inner-bevel:inset 0 1px 0 0 #ffffff14;--inner-bevel-card:inset 0 1px 0 0 #ffffff0f, inset 0 0 0 1px #ffffff0a}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#06b6d40b 0%,#0000 70%);width:750px;height:550px;position:fixed;top:-10%;left:18%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#8b5cf609 0%,#0000 70%);width:650px;height:650px;position:fixed;top:10%;right:2%}.val,.stat-cost,.stat-hc,td.val,.pos,.neg,.neutral,.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "cv05" 1}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0b0f1799}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;padding:24px 0 16px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000040}.sidebar-close-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:none}.sidebar-close-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff1a}.sidebar-backdrop{-webkit-backdrop-filter:blur(6px);z-index:998;opacity:0;pointer-events:none;background:#000000b8;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.logo{border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding:0 20px 20px}.logo-row{align-items:center;gap:13px;margin-bottom:10px;display:flex}.logo-icon-badge{border-radius:var(--radius-md);color:#0b0f17;width:44px;height:44px;box-shadow:0 4px 14px #06b6d459, var(--inner-bevel);background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:900;display:flex}.logo h2{color:var(--text-primary);letter-spacing:-.015em;font-family:Plus Jakarta Sans,sans-serif;font-size:1.12rem;font-weight:800;line-height:1.2}.logo .logo-sub{color:var(--cyan);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:.72rem;font-weight:600}.logo .logo-date{color:var(--text-muted);align-items:center;gap:5px;padding-left:57px;font-size:.7rem;display:flex}.nav{flex:1;padding:0 12px;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:14px 12px 6px;font-size:.65rem;font-weight:800}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:space-between;align-items:center;margin:3px 0;padding:10px 14px;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff0d}.nav-item.active{color:var(--text-primary);box-shadow:var(--inner-bevel);background:linear-gradient(90deg,#06b6d424 0%,#6366f10f 100%);border-color:#06b6d447;font-weight:600}.nav-item.active:before{content:"";background:linear-gradient(180deg, var(--cyan-light), var(--cyan-dark));width:3.5px;box-shadow:0 0 10px var(--cyan);border-radius:0 4px 4px 0;position:absolute;top:18%;bottom:18%;left:0}.nav-left{align-items:center;gap:11px;display:flex}.nav-icon{color:var(--cyan);justify-content:center;align-items:center;font-size:1.05rem;display:flex}.nav-badge{color:var(--text-muted);border-radius:var(--radius-pill);letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff0d;padding:2px 7px;font-size:.68rem;font-weight:700;transition:all .2s}.nav-item:hover .nav-badge{color:var(--text-secondary);background:#ffffff17}.nav-item.active .nav-badge{color:var(--cyan-light);background:#06b6d433;border-color:#06b6d44d}.sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding:16px 20px 6px}.sidebar-status-chip{border-radius:var(--radius-md);color:var(--emerald-light);background:#10b98112;border:1px solid #10b9812e;align-items:center;gap:8px;padding:8px 12px;font-size:.72rem;font-weight:600;display:flex}.pulse-dot{background:var(--emerald);width:7px;height:7px;box-shadow:0 0 8px var(--emerald);border-radius:50%;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.main{margin-left:var(--sidebar-width);z-index:1;min-height:100vh;position:relative}.topbar{background:var(--topbar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:50;justify-content:space-between;align-items:center;padding:16px 36px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000026}.topbar-left{align-items:center;gap:14px;display:flex}.mobile-menu-btn{border-radius:var(--radius-md);border:1px solid var(--border-glass);width:38px;height:38px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-menu-btn:hover{border-color:var(--cyan);color:var(--cyan-light);background:#ffffff1a}.topbar h1{letter-spacing:-.02em;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.45rem;font-weight:800}.topbar .sub{color:var(--text-muted);align-items:center;gap:6px;margin-top:3px;font-size:.78rem;display:flex}.topbar .sub .breadcrumb-chip{color:var(--cyan);background:var(--cyan-glow);border-radius:var(--radius-pill);padding:1px 8px;font-size:.72rem;font-weight:600}.topbar-right{align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--cyan), #0284c7);color:#fff;box-shadow:0 4px 14px #06b6d447, var(--inner-bevel)}.btn-primary:hover{background:linear-gradient(135deg, #22d3ee, var(--cyan));box-shadow:0 6px 18px #06b6d461, var(--inner-bevel);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);border-color:var(--border-subtle);background:#ffffff0d}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff17}.btn-danger{color:var(--rose-light);background:#f43f5e1f;border-color:#f43f5e40}.btn-danger:hover{background:var(--rose);color:#fff;border-color:var(--rose);transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e59}.content{padding:28px 36px 60px}.filter-bar{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--inner-bevel), var(--shadow-sm);align-items:center;gap:14px;margin-bottom:24px;padding:14px 22px;display:flex}.filter-bar label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.76rem;font-weight:700;display:flex}.filter-select-wrapper{align-items:center;display:inline-flex;position:relative}.filter-bar select{appearance:none;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;box-shadow:var(--inner-bevel);outline:none;padding:8px 34px 8px 14px;font-family:inherit;font-size:.86rem;font-weight:600;transition:all .2s}.filter-bar select:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.filter-bar select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.filter-select-arrow{pointer-events:none;color:var(--text-muted);font-size:.75rem;position:absolute;right:12px}.filter-bar .filter-info{color:var(--text-secondary);align-items:center;gap:12px;margin-left:auto;font-size:.8rem;display:flex}.filter-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#ffffff0a;padding:4px 10px;font-size:.75rem;font-weight:600}.filter-chip.live{color:var(--emerald-light);background:#10b9811a;border-color:#10b98140}.stats-bar{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--inner-bevel-card), var(--shadow-sm);padding:22px 24px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.stat:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#06b6d473,#0000);height:2px;position:absolute;top:0;left:0;right:0}.stat:hover{border-color:var(--border-hover);background:var(--bg-glass-card-hover);box-shadow:var(--inner-bevel-card), var(--shadow-md);transform:translateY(-2px)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;margin-bottom:12px;font-size:.74rem;font-weight:700;display:flex}.stat-row{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.stat-hc{color:var(--text-secondary);font-size:1.45rem;font-weight:700}.stat-cost{color:var(--text-primary);letter-spacing:-.02em;font-size:2.1rem;font-weight:800;line-height:1.15}.stat-meta{flex-wrap:wrap;gap:8px;display:flex}.stat-tag{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#ffffff0d;padding:3px 9px;font-size:.74rem;font-weight:600}.stat-tag.pos{color:var(--emerald-light);background:#10b9811f;border-color:#10b98140}.stat-tag.neg{color:var(--rose-light);background:#f43f5e1f;border-color:#f43f5e40}.card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--inner-bevel-card), var(--shadow-sm);-webkit-overflow-scrolling:touch;margin-bottom:24px;padding:24px 26px;transition:all .25s;overflow-x:auto}.card::-webkit-scrollbar{height:6px}.card::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:#ffffff05}.card::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff26}.card:hover{border-color:var(--border-hover);box-shadow:var(--inner-bevel-card), var(--shadow-md)}.card-title{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:10px;margin-bottom:18px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:700;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);width:100%;overflow:hidden}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--border-glass);background:#ffffff09;padding:12px 16px;font-size:.72rem;font-weight:700}td{color:var(--text-primary);border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:.86rem;transition:background .15s}tr:last-child td{border-bottom:none}tr:hover td{background:#06b6d409}.val{color:var(--cyan-light);text-align:right;letter-spacing:-.01em;font-weight:600}.pos{font-weight:700;color:var(--emerald-light)!important}.neg{font-weight:700;color:var(--rose-light)!important}.neutral{font-weight:700;color:var(--amber-light)!important}.status-pill{border-radius:var(--radius-pill);align-items:center;gap:5px;padding:2px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.status-pill.pos{color:var(--emerald-light);background:#10b9811f;border:1px solid #10b98140}.status-pill.neg{color:var(--rose-light);background:#f43f5e1f;border:1px solid #f43f5e40}.chart-container{height:320px;margin-top:14px;position:relative}.section-header{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;margin:32px 0 16px;padding-bottom:10px;font-size:.74rem;font-weight:800;display:flex}.insight-box{border-radius:var(--radius-md);border-left:3px solid var(--cyan);background:#06b6d40f;border-top:1px solid #06b6d41a;border-bottom:1px solid #06b6d41a;border-right:1px solid #06b6d41a;margin-top:16px;padding:12px 18px}.insight-box p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.6}.insight-box strong{color:var(--text-primary)}.bod-insights-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--inner-bevel-card), var(--shadow-md);background:linear-gradient(135deg,#141c30bf 0%,#0f1626d9 100%);margin-bottom:26px;padding:20px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.bod-insights-card:before{content:"";background:linear-gradient(90deg, var(--emerald), var(--cyan), var(--violet));height:2px;position:absolute;top:0;left:0;right:0}.bod-insights-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.bod-insights-title{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;display:flex}.bod-insights-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.bod-insight-col{padding:4px 0}.bod-insight-col-title{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:12px;font-size:.78rem;font-weight:800;display:flex}.bod-insight-col-title.green{color:var(--emerald-light)}.bod-insight-col-title.red{color:var(--rose-light)}.bod-insight-col-title.action{color:var(--cyan-light)}.bod-insight-list{margin:0;padding:0;list-style:none}.bod-insight-list li{color:var(--text-secondary);margin-bottom:9px;padding-left:16px;font-size:.85rem;line-height:1.6;position:relative}.bod-insight-list li:before{content:"•";font-weight:700;position:absolute;left:0}.bod-insight-list.green li:before{color:var(--emerald)}.bod-insight-list.red li:before{color:var(--rose)}.bod-insight-list.action li:before{color:var(--cyan)}.bod-insights-loading{flex-direction:column;gap:12px;padding:12px 0;display:flex}.pulse-line{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1f 37%,#ffffff0a 63%) 0 0/400% 100%;border-radius:6px;width:100%;height:12px;animation:1.4s infinite pulse-loading}.pulse-line.short{width:60%}@keyframes pulse-loading{0%{background-position:100%}to{background-position:0%}}.login-container{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-220px;right:-200px}.login-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b98114 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-150px;left:-150px}.login-box{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);z-index:1;width:100%;max-width:440px;box-shadow:var(--inner-bevel), 0 24px 64px -12px #000000a6;background:#121929bf;padding:46px 42px;position:relative}.login-logo{align-items:center;gap:14px;margin-bottom:8px;display:flex}.login-logo h1{color:var(--text-primary);letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:1.45rem;font-weight:800}.login-subtitle{color:var(--text-muted);margin-bottom:32px;padding-left:58px;font-size:.8rem}.login-field{margin-bottom:20px}.login-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.login-field input{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-shadow:var(--inner-bevel);background:#0b0f17b3;outline:none;padding:13px 18px;font-family:inherit;font-size:.95rem;transition:all .25s}.login-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow), var(--inner-bevel);background:#0b0f17e6}.login-btn{background:linear-gradient(135deg, var(--cyan), #0284c7);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 16px #06b6d459, var(--inner-bevel);border:none;margin-top:8px;padding:13px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .25s}.login-btn:hover{background:linear-gradient(135deg, #22d3ee, var(--cyan));box-shadow:0 6px 20px #06b6d473, var(--inner-bevel);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-error{color:var(--rose-light);text-align:center;opacity:0;min-height:20px;margin-top:14px;font-size:.82rem;transition:opacity .3s}.login-error.show{opacity:1}.loading-overlay{background:var(--bg-base);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #ffffff14;border-top-color:var(--cyan);width:44px;height:44px;box-shadow:0 0 16px var(--cyan-glow);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);letter-spacing:.04em;font-size:.84rem}@media (max-width:1200px){.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.bod-insights-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:768px){.mobile-menu-btn{display:inline-flex}.sidebar-backdrop{display:block}.sidebar-close-btn{display:inline-flex}.sidebar{z-index:999;border-right:1px solid var(--border-glass);width:285px;max-width:85vw;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 40px #000000b3;display:flex!important}.sidebar.open{transform:translate(0)}.main{margin-left:0}.content{padding:16px 12px}.topbar{z-index:50;padding:12px 14px;position:sticky;top:0}.topbar h1{font-size:1.15rem}.topbar .sub{flex-wrap:wrap;gap:4px;font-size:.72rem}.filter-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.filter-select-wrapper,.filter-bar select{width:100%}.filter-bar .filter-info{flex-wrap:wrap;gap:8px;margin-left:0;font-size:.76rem}[style*=grid-template-columns],.grid-2,.grid-3,.grid-4,.grid-1-2{grid-template-columns:1fr!important;gap:16px!important}.stats-bar{gap:12px;grid-template-columns:1fr!important}.stat{padding:16px 18px}.stat-cost{font-size:1.6rem}.stat-hc{font-size:1.2rem}.card{border-radius:var(--radius-md);margin-bottom:16px;padding:18px 16px}table{min-width:480px}th,td{padding:10px 12px;font-size:.8rem}.chart-container{height:250px}.bod-insights-card{padding:18px 16px}}@media (max-width:540px){.btn-text{display:none}.topbar .btn{padding:8px 10px}.topbar-right{gap:6px}.stat-cost{font-size:1.4rem}.topbar h1{font-size:1.05rem}.topbar-left{gap:10px}.mobile-menu-btn{width:34px;height:34px}}@media print{.sidebar,.topbar-right,.filter-bar{display:none!important}.main{margin-left:0}body{color:#111;background:#fff}.card{page-break-inside:avoid;border:1px solid #ddd}}