/*
 * ProfitNotionDaily — Design System v1.0
 * Theme: Neon Punch
 * #080808 · #A8E828 · #E8FF00 · #FFFFFF
 */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --pnd-black:           #040404;
  --pnd-base:            #080808;
  --pnd-surface-1:       #101410;
  --pnd-surface-2:       #181C18;
  --pnd-surface-3:       #202420;
  --pnd-surface-4:       #2A2E2A;

  --pnd-white:           #FFFFFF;
  --pnd-white-dim:       #C8CAC8;
  --pnd-white-muted:     #707270;
  --pnd-white-subtle:    rgba(255,255,255,0.05);
  --pnd-white-glow:      rgba(255,255,255,0.09);

  --pnd-lime:            #A8E828;
  --pnd-lime-bright:     #B8F030;
  --pnd-lime-dim:        #6EA018;
  --pnd-lime-bg:         rgba(168,232,40,0.08);
  --pnd-lime-border:     rgba(168,232,40,0.30);
  --pnd-lime-glow:       rgba(168,232,40,0.15);

  --pnd-yellow:          #E8FF00;
  --pnd-yellow-dim:      #A8B800;
  --pnd-yellow-bg:       rgba(232,255,0,0.07);
  --pnd-yellow-border:   rgba(232,255,0,0.28);
  --pnd-yellow-glow:     rgba(232,255,0,0.12);

  --pnd-bull:            #A8E828;
  --pnd-bull-bright:     #B8F030;
  --pnd-bull-dim:        #6EA018;
  --pnd-bull-bg:         rgba(168,232,40,0.08);
  --pnd-bull-border:     rgba(168,232,40,0.30);

  --pnd-bear:            #FF2D55;
  --pnd-bear-dim:        #CC1A3A;
  --pnd-bear-bg:         rgba(255,45,85,0.08);
  --pnd-bear-border:     rgba(255,45,85,0.28);

  --pnd-caution:         #E8FF00;
  --pnd-caution-dim:     #A8B800;
  --pnd-caution-bg:      rgba(232,255,0,0.07);
  --pnd-caution-border:  rgba(232,255,0,0.28);

  --pnd-alert:           #FF6B2B;
  --pnd-alert-dim:       #CC4A18;
  --pnd-alert-bg:        rgba(255,107,43,0.08);
  --pnd-alert-border:    rgba(255,107,43,0.28);

  --pnd-info:            #4EAAFF;
  --pnd-info-dim:        #2880CC;
  --pnd-info-bg:         rgba(78,170,255,0.08);
  --pnd-info-border:     rgba(78,170,255,0.28);

  --pnd-text-primary:    #FFFFFF;
  --pnd-text-secondary:  #909290;
  --pnd-text-muted:      #505250;
  --pnd-text-disabled:   #303230;

  --pnd-border-subtle:   rgba(255,255,255,0.05);
  --pnd-border-default:  rgba(255,255,255,0.09);
  --pnd-border-strong:   rgba(255,255,255,0.16);
  --pnd-border-lime:     rgba(168,232,40,0.30);
  --pnd-border-yellow:   rgba(232,255,0,0.28);
  --pnd-border-bull:     rgba(168,232,40,0.30);

  --pnd-font-display:    'Syne', system-ui, sans-serif;
  --pnd-font-ui:         'Barlow', system-ui, sans-serif;
  --pnd-font-data:       'JetBrains Mono', 'Fira Mono', monospace;

  --pnd-space-1:4px; --pnd-space-2:8px; --pnd-space-3:12px; --pnd-space-4:16px;
  --pnd-space-5:20px; --pnd-space-6:24px; --pnd-space-8:32px; --pnd-space-10:40px;

  --pnd-radius-xs:2px; --pnd-radius-sm:4px; --pnd-radius-md:6px;
  --pnd-radius-lg:10px; --pnd-radius-xl:14px; --pnd-radius-pill:9999px;

  --pnd-shadow-sm:     0 1px 3px rgba(0,0,0,0.6);
  --pnd-shadow-md:     0 4px 12px rgba(0,0,0,0.7);
  --pnd-shadow-lg:     0 8px 28px rgba(0,0,0,0.8);
  --pnd-shadow-lime:   0 0 28px rgba(168,232,40,0.22);
  --pnd-shadow-yellow: 0 0 28px rgba(232,255,0,0.18);
  --pnd-shadow-bull:   0 0 20px rgba(168,232,40,0.18);
  --pnd-shadow-bear:   0 0 20px rgba(255,45,85,0.18);

  --pnd-transition-fast:   100ms ease;
  --pnd-transition-base:   180ms ease;
  --pnd-transition-slow:   320ms ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background-color:var(--pnd-base);color:var(--pnd-text-primary);font-family:var(--pnd-font-ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--pnd-lime);text-decoration:none;transition:opacity var(--pnd-transition-fast);}
a:hover{opacity:0.8;}
h1,h2,h3,h4,h5,h6{font-family:var(--pnd-font-display);color:var(--pnd-text-primary);line-height:1.15;letter-spacing:-0.4px;}
h1{font-size:48px;font-weight:800;} h2{font-size:38px;font-weight:700;} h3{font-size:30px;font-weight:700;}
h4{font-size:24px;font-weight:600;} h5{font-size:20px;font-weight:600;} h6{font-size:17px;font-weight:500;}
.pnd-data{font-family:var(--pnd-font-data);}
.pnd-eyebrow{font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--pnd-text-muted);}
.pnd-tagline{font-family:var(--pnd-font-display);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--pnd-lime);}
.pnd-text-primary{color:var(--pnd-text-primary);} .pnd-text-secondary{color:var(--pnd-text-secondary);}
.pnd-text-muted{color:var(--pnd-text-muted);} .pnd-text-lime{color:var(--pnd-lime);}
.pnd-text-yellow{color:var(--pnd-yellow);} .pnd-text-bull{color:var(--pnd-bull);}
.pnd-text-bear{color:var(--pnd-bear);} .pnd-text-caution{color:var(--pnd-caution);}
.pnd-text-alert{color:var(--pnd-alert);} .pnd-text-info{color:var(--pnd-info);}

.pnd-nav{background:var(--pnd-surface-1);border-bottom:1px solid var(--pnd-border-lime);display:flex;align-items:center;padding:0 24px;height:56px;position:sticky;top:0;z-index:50;}
.pnd-nav__logo{display:flex;align-items:center;gap:12px;margin-right:32px;text-decoration:none;flex-shrink:0;}
.pnd-nav__logo-mark{width:32px;height:32px;background:var(--pnd-lime);border-radius:var(--pnd-radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--pnd-font-data);font-size:10px;font-weight:700;color:var(--pnd-black);letter-spacing:-1px;}
.pnd-nav__logo-text{font-family:var(--pnd-font-display);font-size:15px;font-weight:700;color:var(--pnd-white);letter-spacing:-0.4px;}
.pnd-nav__logo-text em{font-style:normal;color:var(--pnd-lime);}
.pnd-nav__links{display:flex;align-items:center;height:56px;}
.pnd-nav__item{display:flex;align-items:center;height:56px;padding:0 12px;font-size:13px;color:var(--pnd-text-secondary);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:color var(--pnd-transition-fast);}
.pnd-nav__item:hover{color:var(--pnd-white);}
.pnd-nav__item--active{color:var(--pnd-lime);border-bottom-color:var(--pnd-lime);}
.pnd-nav__actions{margin-left:auto;display:flex;align-items:center;gap:12px;}

.pnd-card{background:var(--pnd-surface-1);border:1px solid var(--pnd-border-default);border-radius:var(--pnd-radius-lg);padding:16px 20px;}
.pnd-card--raised{background:var(--pnd-surface-2);box-shadow:var(--pnd-shadow-md);}
.pnd-card--lime{border-color:var(--pnd-border-lime);box-shadow:var(--pnd-shadow-lime);}
.pnd-card--yellow{border-color:var(--pnd-border-yellow);box-shadow:var(--pnd-shadow-yellow);}
.pnd-card--bull{border-left:3px solid var(--pnd-bull);border-radius:0 var(--pnd-radius-lg) var(--pnd-radius-lg) 0;}
.pnd-card--bear{border-left:3px solid var(--pnd-bear);border-radius:0 var(--pnd-radius-lg) var(--pnd-radius-lg) 0;}
.pnd-card--lime-l{border-left:3px solid var(--pnd-lime);border-radius:0 var(--pnd-radius-lg) var(--pnd-radius-lg) 0;}
.pnd-card--caution{border-left:3px solid var(--pnd-caution);border-radius:0 var(--pnd-radius-lg) var(--pnd-radius-lg) 0;}
.pnd-card--alert{border-left:3px solid var(--pnd-alert);border-radius:0 var(--pnd-radius-lg) var(--pnd-radius-lg) 0;}
.pnd-card__header{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--pnd-border-subtle);display:flex;align-items:center;justify-content:space-between;}
.pnd-card__title{font-family:var(--pnd-font-display);font-size:17px;font-weight:600;color:var(--pnd-white);}

.pnd-stat{background:var(--pnd-surface-1);border:1px solid var(--pnd-border-subtle);border-radius:var(--pnd-radius-lg);padding:16px 20px;}
.pnd-stat__label{font-size:11px;color:var(--pnd-text-muted);letter-spacing:1.5px;text-transform:uppercase;font-weight:500;}
.pnd-stat__value{font-family:var(--pnd-font-data);font-size:24px;font-weight:700;line-height:1;margin-top:8px;color:var(--pnd-white);}
.pnd-stat__value--lime{color:var(--pnd-lime);} .pnd-stat__value--yellow{color:var(--pnd-yellow);}
.pnd-stat__value--bull{color:var(--pnd-bull);} .pnd-stat__value--bear{color:var(--pnd-bear);}
.pnd-stat__value--caution{color:var(--pnd-caution);}
.pnd-stat__sub{font-size:11px;color:var(--pnd-text-muted);margin-top:4px;}

.pnd-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--pnd-radius-sm);font-size:11px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;border:1px solid transparent;line-height:1;white-space:nowrap;}
.pnd-badge::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;}
.pnd-badge--nodot::before{display:none;}
.pnd-badge--lime{color:var(--pnd-lime);background:var(--pnd-lime-bg);border-color:var(--pnd-lime-border);}
.pnd-badge--yellow{color:var(--pnd-yellow);background:var(--pnd-yellow-bg);border-color:var(--pnd-yellow-border);}
.pnd-badge--bull{color:var(--pnd-bull);background:var(--pnd-bull-bg);border-color:var(--pnd-bull-border);}
.pnd-badge--bear{color:var(--pnd-bear);background:var(--pnd-bear-bg);border-color:var(--pnd-bear-border);}
.pnd-badge--caution{color:var(--pnd-caution);background:var(--pnd-caution-bg);border-color:var(--pnd-caution-border);}
.pnd-badge--alert{color:var(--pnd-alert);background:var(--pnd-alert-bg);border-color:var(--pnd-alert-border);}
.pnd-badge--info{color:var(--pnd-info);background:var(--pnd-info-bg);border-color:var(--pnd-info-border);}
.pnd-badge--white{color:var(--pnd-white);background:var(--pnd-white-subtle);border-color:var(--pnd-border-default);}
.pnd-badge--live{color:var(--pnd-lime);background:var(--pnd-lime-bg);border-color:var(--pnd-lime-border);}
.pnd-badge--live::before{background:var(--pnd-lime);animation:pnd-pulse 1.6s ease-in-out infinite;}
@keyframes pnd-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(0.7);}}

.pnd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--pnd-radius-md);font-family:var(--pnd-font-ui);font-size:13px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:opacity var(--pnd-transition-fast),transform var(--pnd-transition-fast),box-shadow var(--pnd-transition-base);text-decoration:none;line-height:1;white-space:nowrap;}
.pnd-btn:hover{opacity:0.88;} .pnd-btn:active{transform:scale(0.97);} .pnd-btn:disabled{opacity:0.35;cursor:not-allowed;}
.pnd-btn--primary{background:var(--pnd-lime);color:var(--pnd-black);border-color:var(--pnd-lime);font-weight:700;}
.pnd-btn--primary:hover{box-shadow:var(--pnd-shadow-lime);opacity:1;}
.pnd-btn--lime{background:var(--pnd-lime-bg);color:var(--pnd-lime);border-color:var(--pnd-lime-border);}
.pnd-btn--yellow{background:var(--pnd-yellow-bg);color:var(--pnd-yellow);border-color:var(--pnd-yellow-border);}
.pnd-btn--bull{background:var(--pnd-bull-bg);color:var(--pnd-bull);border-color:var(--pnd-bull-border);}
.pnd-btn--bear{background:var(--pnd-bear-bg);color:var(--pnd-bear);border-color:var(--pnd-bear-border);}
.pnd-btn--ghost{background:transparent;color:var(--pnd-text-secondary);border-color:var(--pnd-border-default);}
.pnd-btn--ghost:hover{color:var(--pnd-white);border-color:var(--pnd-border-strong);opacity:1;}
.pnd-btn--white{background:var(--pnd-white-subtle);color:var(--pnd-white);border-color:var(--pnd-border-strong);}

.pnd-input,.pnd-select,.pnd-textarea{background:var(--pnd-surface-2);border:1px solid var(--pnd-border-default);border-radius:var(--pnd-radius-md);padding:8px 16px;color:var(--pnd-text-primary);font-size:13px;font-family:var(--pnd-font-ui);outline:none;width:100%;transition:border-color var(--pnd-transition-fast),box-shadow var(--pnd-transition-fast);}
.pnd-input::placeholder{color:var(--pnd-text-muted);}
.pnd-input:hover{border-color:var(--pnd-border-strong);}
.pnd-input:focus{border-color:var(--pnd-lime-border);box-shadow:0 0 0 3px var(--pnd-lime-glow);}
.pnd-input--data{font-family:var(--pnd-font-data);color:var(--pnd-lime);border-color:var(--pnd-lime-border);}
.pnd-label{display:block;font-size:11px;font-weight:500;color:var(--pnd-text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}

.pnd-levels{background:var(--pnd-surface-1);border:1px solid var(--pnd-border-subtle);border-radius:var(--pnd-radius-lg);padding:4px 16px;}
.pnd-level-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--pnd-border-subtle);}
.pnd-level-row:last-child{border-bottom:none;}
.pnd-level-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.pnd-level-dot--bull{background:var(--pnd-bull);} .pnd-level-dot--bear{background:var(--pnd-bear);}
.pnd-level-dot--lime{background:var(--pnd-lime);} .pnd-level-dot--yellow{background:var(--pnd-yellow);}
.pnd-level-dot--caution{background:var(--pnd-caution);} .pnd-level-dot--info{background:var(--pnd-info);}
.pnd-level-price{font-family:var(--pnd-font-data);font-size:13px;font-weight:600;min-width:76px;color:var(--pnd-white);}
.pnd-level-tag{font-size:13px;color:var(--pnd-text-secondary);flex:1;}
.pnd-level-delta{font-family:var(--pnd-font-data);font-size:11px;margin-left:auto;}

.pnd-alert-card{background:var(--pnd-surface-1);border:1px solid var(--pnd-border-subtle);border-radius:var(--pnd-radius-lg);padding:12px 16px;}
.pnd-alert-card__meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.pnd-alert-card__time{font-family:var(--pnd-font-data);font-size:11px;color:var(--pnd-text-muted);margin-left:auto;}
.pnd-alert-card__title{font-size:15px;font-weight:600;color:var(--pnd-white);letter-spacing:-0.2px;}
.pnd-alert-card__sub{font-size:13px;color:var(--pnd-text-secondary);margin-top:4px;}

.pnd-table{width:100%;border-collapse:collapse;font-size:13px;}
.pnd-table thead th{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--pnd-text-muted);padding:8px 12px;border-bottom:1px solid var(--pnd-border-default);text-align:left;}
.pnd-table tbody td{padding:8px 12px;border-bottom:1px solid var(--pnd-border-subtle);color:var(--pnd-text-primary);}
.pnd-table tbody tr:last-child td{border-bottom:none;}
.pnd-table tbody tr:hover td{background:var(--pnd-white-subtle);}
.pnd-table .td-data{font-family:var(--pnd-font-data);}
.pnd-table .td-bull{color:var(--pnd-bull);font-family:var(--pnd-font-data);}
.pnd-table .td-bear{color:var(--pnd-bear);font-family:var(--pnd-font-data);}
.pnd-table .td-lime{color:var(--pnd-lime);font-family:var(--pnd-font-data);}
.pnd-table .td-yellow{color:var(--pnd-yellow);font-family:var(--pnd-font-data);}

.pnd-toast{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--pnd-radius-lg);background:var(--pnd-surface-3);border:1px solid var(--pnd-border-default);box-shadow:var(--pnd-shadow-lg);max-width:360px;}
.pnd-toast__icon{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px;}
.pnd-toast__title{font-size:13px;font-weight:600;color:var(--pnd-white);}
.pnd-toast__sub{font-size:11px;color:var(--pnd-text-secondary);margin-top:2px;}
.pnd-toast--bull{border-left:3px solid var(--pnd-bull);} .pnd-toast--bear{border-left:3px solid var(--pnd-bear);}
.pnd-toast--lime{border-left:3px solid var(--pnd-lime);} .pnd-toast--alert{border-left:3px solid var(--pnd-alert);}

.pnd-divider{height:1px;background:var(--pnd-border-subtle);border:none;margin:20px 0;}
.pnd-divider--lime{background:var(--pnd-border-lime);}

/* Standard site-wide header/footer credit blocks (reusable across every page and report) */
.pnd-top-credit{color:var(--pnd-text-muted);font-size:12px;margin-bottom:64px;padding-bottom:20px;border-bottom:1px solid var(--pnd-border-subtle);line-height:1.8;font-family:var(--pnd-font-ui);}
.pnd-top-credit a{color:var(--pnd-text-secondary);text-decoration:none;transition:color var(--pnd-transition-fast);}
.pnd-top-credit a:hover{color:var(--pnd-lime);}
.pnd-footer{margin-top:64px;color:var(--pnd-text-muted);font-size:12px;border-top:1px solid var(--pnd-border-subtle);padding-top:20px;padding-bottom:8px;line-height:1.8;font-family:var(--pnd-font-ui);}
.pnd-footer a{color:var(--pnd-text-secondary);text-decoration:none;transition:color var(--pnd-transition-fast);}
.pnd-footer a:hover{color:var(--pnd-lime);}

::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-track{background:var(--pnd-surface-1);}
::-webkit-scrollbar-thumb{background:var(--pnd-surface-4);border-radius:9999px;}
::-webkit-scrollbar-thumb:hover{background:var(--pnd-white-muted);}
::selection{background:var(--pnd-lime-bg);color:var(--pnd-lime);}

.pnd-flex{display:flex;} .pnd-flex-col{display:flex;flex-direction:column;}
.pnd-items-center{align-items:center;} .pnd-justify-between{justify-content:space-between;}
.pnd-justify-center{justify-content:center;} .pnd-flex-1{flex:1;} .pnd-flex-shrink-0{flex-shrink:0;}
.pnd-gap-1{gap:4px;} .pnd-gap-2{gap:8px;} .pnd-gap-3{gap:12px;} .pnd-gap-4{gap:16px;} .pnd-gap-6{gap:24px;}
.pnd-mt-1{margin-top:4px;} .pnd-mt-2{margin-top:8px;} .pnd-mt-3{margin-top:12px;}
.pnd-mt-4{margin-top:16px;} .pnd-mt-6{margin-top:24px;} .pnd-mt-8{margin-top:32px;}
.pnd-mb-2{margin-bottom:8px;} .pnd-mb-4{margin-bottom:16px;} .pnd-mb-6{margin-bottom:24px;}
.pnd-p-4{padding:16px;} .pnd-p-6{padding:24px;} .pnd-px-4{padding-left:16px;padding-right:16px;}
.pnd-py-3{padding-top:12px;padding-bottom:12px;} .pnd-w-full{width:100%;}
.pnd-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.pnd-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pnd-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pnd-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.pnd-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pnd-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
@media(max-width:768px){.pnd-grid-2,.pnd-grid-3,.pnd-grid-4{grid-template-columns:1fr;}.pnd-nav__links{display:none;}}