:root{--ink:#10231d;--green:#176b4d;--mint:#dff3e9;--paper:#f7f8f3;--line:#dde4dc;--red:#c23f3f;--muted:#6b7972}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.top{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{font-family:Manrope;font-weight:800;font-size:19px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--green);color:#fff}.top nav{display:flex;align-items:center;gap:24px}.top nav a,.link-btn{color:var(--ink);text-decoration:none;font-weight:600}.link-btn{background:0;border:0;cursor:pointer;font-size:14px}.btn,.ghost{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:9px;padding:13px 19px;font:600 14px inherit;text-decoration:none;cursor:pointer}.btn{background:var(--green);color:white;box-shadow:0 5px 15px #176b4d30}.btn:hover{background:#10583e}.btn.small{padding:10px 15px}.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.full{width:100%}.landing{overflow:hidden}.hero{min-height:590px;padding:80px max(7vw,30px);display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;background:radial-gradient(circle at 76% 18%,#d9eee2 0,transparent 32%)}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:16px}.hero h1,.auth-box h1,.page-head h1{font:800 clamp(42px,5vw,72px)/1.03 Manrope;margin:0;letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--green)}.hero>div>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:590px}.actions{display:flex;gap:12px;margin:30px 0 16px}.hero small{color:var(--muted)}.hero-card{background:#fff;padding:30px;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px #1b3f3020;transform:rotate(1deg)}.mock-head span,.mock-head i{display:block;color:var(--muted);font-style:normal}.mock-head b{display:block;font:800 36px Manrope;margin:8px 0}.mock-head i{color:var(--green)}.bars{margin:30px 0}.bars span{display:flex;justify-content:space-between;margin:10px 0;font-size:13px}.bars span:after{content:"";position:absolute}.bars span{background:linear-gradient(90deg,var(--green) var(--w),#edf0ec var(--w));padding-top:9px;background-size:100% 5px;background-repeat:no-repeat;background-position:bottom}.mock-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:17px 0;border-top:1px solid var(--line);font-size:14px}.features{padding:65px max(7vw,30px);display:grid;grid-template-columns:repeat(3,1fr);gap:50px;background:var(--ink);color:#fff}.features i{font-style:normal;color:#78c29f;font-weight:700}.features h3{font:700 21px Manrope}.features p{color:#aebdb7;line-height:1.6}.up{color:#16855a!important}.down{color:var(--red)!important}footer{text-align:center;padding:25px;color:var(--muted);font-size:12px}.auth-page{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:50px}.auth-box{width:min(460px,100%);background:#fff;border:1px solid var(--line);padding:42px;border-radius:18px}.auth-box h1{font-size:34px;letter-spacing:-1.5px;margin-bottom:28px}.auth-box>p{text-align:center;color:var(--muted);font-size:14px}.auth-box a{color:var(--green);font-weight:700}.auth-box form,.price-box form,dialog form{display:grid;gap:17px}label{font-size:13px;font-weight:600;display:grid;gap:7px}input,select{width:100%;padding:13px;border:1px solid #ccd6cf;border-radius:8px;background:#fff;font:14px inherit;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b4d15}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.app{width:min(1240px,94%);margin:45px auto}.page-head{display:flex;justify-content:space-between;align-items:end}.page-head h1{font-size:42px}.head-actions{display:flex;gap:10px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:35px 0 25px}.tabs a{padding:12px 2px;color:var(--muted);text-decoration:none;font-weight:600}.tabs a.active{color:var(--green);border-bottom:2px solid var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stats article{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px}.stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.stats strong{font:700 23px Manrope}.stats small{display:block;margin-top:5px}.table-card,.price-box{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.card-title{padding:23px 25px;border-bottom:1px solid var(--line)}h2{font:700 19px Manrope;margin:0 0 5px}.card-title p,.price-box p{margin:0;color:var(--muted);font-size:13px}.tr{display:grid;grid-template-columns:2fr repeat(5,1fr);align-items:center;min-width:870px;padding:16px 24px;border-bottom:1px solid #edf0ed;color:var(--ink);text-decoration:none;font-size:14px}.tr:not(.th):hover{background:#fafbf8}.tr.th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.7px}.tr>span small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.asset-table{overflow:auto}.asset-icon{float:left;display:grid;place-items:center;width:40px;height:40px;margin-right:11px;border-radius:10px;background:var(--mint);color:var(--green);font-style:normal;font-weight:800;font-size:12px}.asset-icon.tefas{background:#e9e7fa;color:#5c4bb1}.empty{text-align:center;padding:70px 20px}.empty>div{margin:auto;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--mint);color:var(--green);font-size:24px}.empty h3{margin-bottom:7px}.empty p{color:var(--muted);margin-bottom:20px}.empty.compact{padding:50px}.flash-wrap{position:fixed;z-index:20;top:88px;right:20px}.flash{padding:13px 18px;margin:8px;background:#fff;border-left:4px solid var(--green);box-shadow:0 5px 25px #0002;border-radius:5px}.flash.error{border-color:var(--red)}dialog{width:min(470px,92%);border:0;border-radius:16px;padding:32px;box-shadow:0 30px 80px #0005;color:var(--ink)}dialog::backdrop{background:#10231d99}.close{float:right;border:0;background:#edf0ed;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}dialog h2{font-size:23px;margin:5px 0 24px}.back{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:28px}.asset-head{display:flex;justify-content:space-between;align-items:center}.asset-head>div{display:flex;align-items:center}.asset-head .asset-icon{width:58px;height:58px;font-size:16px}.asset-head h1{margin:0;font:800 34px Manrope}.asset-head span,.asset-head p{color:var(--muted);font-size:12px;margin:0}.two-col{display:grid;grid-template-columns:1fr 310px;gap:18px}.price-box{padding:24px;height:max-content}.price-box p{margin-bottom:22px;line-height:1.5}.price-box>small{display:block;color:var(--muted);font-size:11px;margin-top:17px}.tx-list>div{display:grid;grid-template-columns:42px 1fr 1fr 1fr 25px;align-items:center;padding:16px 22px;border-bottom:1px solid #edf0ed;font-size:13px}.tx-list span small{display:block;color:var(--muted)}.tx-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--green);font-style:normal;font-weight:800}.tx-icon.sell{background:#f8e5e5;color:var(--red)}.delete{border:0;background:0;color:#aaa;font-size:20px;cursor:pointer}@media(max-width:800px){.welcome{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-card{transform:none}.features{grid-template-columns:1fr;gap:20px}.stats{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.page-head{align-items:start;gap:20px}.head-actions{flex-direction:column}.top{padding:0 16px}.top nav{gap:12px}.app{margin-top:28px}.auth-page{padding:25px}.auth-box{padding:28px}.hero h1{font-size:48px}.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.stats{grid-template-columns:1fr}.actions{flex-direction:column}.hero{padding-left:22px;padding-right:22px}.top nav>a:first-child{display:none}}

.form-note{display:none;margin:0;color:var(--green);font-size:12px}.live-price{font:800 30px Manrope;margin:18px 0 10px}.auto-badge{display:inline-block;background:var(--mint);color:var(--green);font-size:11px;font-weight:700;padding:6px 9px;border-radius:20px;margin-bottom:16px}

.asset-actions{display:flex;align-items:center;gap:10px}.danger-btn{border:1px solid #e5bcbc;background:#fff;color:var(--red);border-radius:9px;padding:12px 16px;font:600 13px inherit;cursor:pointer}.danger-btn:hover{background:#fff1f1}@media(max-width:600px){.asset-head{align-items:flex-start}.asset-actions{flex-direction:column-reverse;align-items:stretch}}

/* Professional UI refinement */
body{background:linear-gradient(180deg,#f5f8f5 0,#fafbf8 420px);min-height:100vh}.top{position:sticky;top:0;z-index:15;height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(16,35,29,.07)}.app{margin-top:38px}.page-head h1{letter-spacing:-2px}.btn,.ghost,.danger-btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:hover,.ghost:hover,.danger-btn:hover{transform:translateY(-1px)}.btn{box-shadow:0 8px 20px rgba(23,107,77,.18)}.ghost:hover{border-color:#aabbb1;box-shadow:0 6px 18px rgba(16,35,29,.07)}.stats{gap:16px}.stats article{position:relative;overflow:hidden;padding:24px;border-color:#e3e9e4;box-shadow:0 8px 28px rgba(16,35,29,.035);transition:transform .2s ease,box-shadow .2s ease}.stats article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--green);opacity:.75}.stats article:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,35,29,.075)}.table-card,.price-box{border-color:#e1e8e2;box-shadow:0 10px 34px rgba(16,35,29,.045)}.card-title{background:linear-gradient(180deg,#fff,#fcfdfb)}.tr:not(.th){transition:background .15s ease}.asset-head{padding:22px 24px;background:#fff;border:1px solid #e1e8e2;border-radius:15px;box-shadow:0 10px 34px rgba(16,35,29,.045)}.asset-actions{display:flex;align-items:center;gap:10px}.asset-actions form{margin:0}.danger-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6caca;background:#fff;color:#ad3434;border-radius:9px;padding:12px 15px;font:600 13px inherit;cursor:pointer}.danger-btn:hover{background:#fff7f7;border-color:#d99898;box-shadow:0 7px 18px rgba(194,63,63,.10)}.danger-btn svg,.delete svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.delete{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#9aa69f;cursor:pointer;transition:.18s}.delete:hover{color:var(--red);background:#fff0f0}.tx-list>div{transition:background .15s}.tx-list>div:hover{background:#fbfcfa}.price-box{background:linear-gradient(155deg,#fff 55%,#f1f8f4)}dialog{border:1px solid rgba(255,255,255,.7);box-shadow:0 32px 90px rgba(9,28,21,.30);animation:dialogIn .18s ease-out}dialog::backdrop{backdrop-filter:blur(4px)}dialog .close{transition:transform .15s,background .15s}dialog .close:hover{transform:rotate(8deg);background:#e4e9e5}@keyframes dialogIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.yp-swal{border-radius:18px!important;padding:28px!important;font-family:"DM Sans",sans-serif!important}.yp-swal .swal2-title{font-family:Manrope,sans-serif!important;font-size:24px!important;color:var(--ink)!important}.yp-swal .swal2-html-container{color:var(--muted)!important;font-size:14px!important;line-height:1.6!important}.yp-swal .swal2-icon{transform:scale(.82);margin-top:10px!important}.yp-confirm-danger,.yp-cancel{border:0;border-radius:9px;padding:12px 18px;font:600 14px "DM Sans",sans-serif;cursor:pointer;margin:5px}.yp-confirm-danger{background:var(--red);color:#fff;box-shadow:0 7px 17px rgba(194,63,63,.2)}.yp-cancel{background:#edf1ee;color:var(--ink)}.yp-toast{border-radius:12px!important;box-shadow:0 16px 45px rgba(16,35,29,.18)!important;font-family:"DM Sans",sans-serif!important}.yp-toast .swal2-title{font-size:14px!important;color:var(--ink)!important}.swal2-timer-progress-bar{background:var(--green)!important}@media(max-width:600px){.asset-head{align-items:flex-start}.asset-actions{flex-direction:column-reverse;align-items:stretch}.danger-btn{justify-content:center}.stats article{padding:20px}.yp-swal{width:calc(100% - 28px)!important}}
.btn-danger{background:#c23f3f;color:#fff;box-shadow:0 8px 20px rgba(194,63,63,.18)}.btn-danger:hover{background:#aa3030;box-shadow:0 10px 24px rgba(194,63,63,.25)}.btn-danger svg{width:17px;height:17px;margin-right:8px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.asset-actions .btn{min-height:43px;white-space:nowrap}
.asset-head .btn,.asset-head .btn span{color:#fff!important}.asset-head .btn-danger{background:#b83232!important;border-color:#b83232!important}.asset-head .btn-danger:hover{background:#982828!important}
@media(max-width:480px){.top nav>a:first-child{display:inline-flex!important}.top{gap:8px}.top .brand{font-size:14px;gap:7px;white-space:nowrap}.top .brand span{width:29px;height:29px}.top nav{gap:7px}.top nav>a{font-size:12px}.top .btn.small{padding:9px 10px}}@media(max-width:360px){.top .brand{font-size:0}.top .brand span{font-size:15px}.top nav>a{font-size:11px}.top .btn.small{padding:8px}}
.tr{grid-template-columns:1.7fr .65fr .85fr 1fr .9fr .95fr .95fr .9fr 1fr;min-width:1220px;column-gap:10px}.tr>span{min-width:0}.tr>span>b{white-space:nowrap}
.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:15px}.dashboard-stats .metric-card{display:flex;align-items:center;gap:15px;min-height:126px;padding:21px 22px;border:1px solid transparent;background:#fff}.dashboard-stats .metric-card:before{display:none}.dashboard-stats .metric-card>i{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;font:800 18px Manrope;font-style:normal}.dashboard-stats .metric-card>div{min-width:0}.dashboard-stats .metric-card span{margin:0 0 6px;font-weight:700;letter-spacing:.15px}.dashboard-stats .metric-card strong{display:block;font-size:22px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-stats .metric-card small{color:var(--muted);font-size:11px}.value-card{background:linear-gradient(140deg,#123b2e,#176b4d)!important;color:#fff}.value-card>i{background:#ffffff1f;color:#fff}.value-card span,.value-card small{color:#cce4d8!important}.cost-card{background:linear-gradient(145deg,#fff,#f4f0e7)!important;border-color:#e9dfc9!important}.cost-card>i{background:#eee2c8;color:#7d5d22}.profit-card>i{background:#dff3e9;color:#176b4d}.today-card{background:linear-gradient(145deg,#fff,#eef5fb)!important;border-color:#dce8f1!important}.today-card>i{background:#dcecf8;color:#27658f}.forecast-card{background:linear-gradient(145deg,#fff,#f2effb)!important;border-color:#e5def5!important}.forecast-card>i{background:#e7e0f8;color:#654ea1}.realized-card>i{background:#edf0ed;color:#59665f}.metric-card.positive strong{color:#087a4d;font-weight:800}.metric-card.negative strong{color:#b42d36;font-weight:800}@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.dashboard-stats{grid-template-columns:1fr}.dashboard-stats .metric-card{min-height:106px}}
.metric-card .metric-percent{display:block;margin-top:5px;font-size:12px;font-weight:800}.metric-card.positive .metric-percent{color:#087a4d}.metric-card.negative .metric-percent{color:#b42d36}
.metric-card .metric-percent{width:max-content;min-width:72px;padding:5px 9px;border-radius:999px;background:#e8f5ee;border:1px solid #cfe8da;line-height:1;text-align:center;letter-spacing:.15px}.metric-card.negative .metric-percent{background:#fcebed;border-color:#f2cdd1}.metric-card .privacy-actions{position:absolute;z-index:2;top:10px;right:10px;display:flex;gap:5px}.privacy-actions button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #dce4de;border-radius:8px;background:rgba(255,255,255,.82);color:#68766e;cursor:pointer;transition:.15s}.privacy-actions button:hover,.privacy-actions button.active{background:#fff;color:#173f31;border-color:#b8c9bf;box-shadow:0 4px 12px #10231d12}.privacy-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.value-card .privacy-actions button{background:#ffffff18;border-color:#ffffff35;color:#e8f4ee}.value-card .privacy-actions button:hover,.value-card .privacy-actions button.active{background:#ffffff2b;color:#fff}.metric-card [data-private].is-private{letter-spacing:3px;color:#68766e!important}.value-card [data-private].is-private{color:#fff!important}
.metric-card .privacy-actions{top:13px;right:14px;align-items:center;gap:10px}.privacy-actions button,.value-card .privacy-actions button{position:relative;width:23px;height:23px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#7b8981;opacity:.78;transition:color .2s ease,opacity .2s ease,transform .2s ease}.privacy-actions button:hover,.privacy-actions button.active,.value-card .privacy-actions button:hover,.value-card .privacy-actions button.active{border:0;background:transparent;box-shadow:none;color:#173f31;opacity:1;transform:scale(1.1)}.value-card .privacy-actions button{color:#d8e9e0}.value-card .privacy-actions button:hover,.value-card .privacy-actions button.active{color:#fff}.privacy-actions svg{width:19px;height:19px;animation:privacyIconIn .22s ease}.privacy-actions .eye-closed{stroke-width:1.9}.percent-icon{position:relative;display:grid;place-items:center;width:20px;height:20px;font:800 15px/1 Manrope;letter-spacing:0}.percent-toggle .percent-icon:after{content:"";position:absolute;left:1px;top:10px;width:19px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-42deg) scaleX(0);transform-origin:center;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.percent-toggle.active .percent-icon:after{transform:rotate(-42deg) scaleX(1)}@keyframes privacyIconIn{from{opacity:0;transform:scale(.72) rotate(-7deg)}to{opacity:1;transform:none}}
.privacy-actions button,.value-card .privacy-actions button{display:flex!important;align-items:center;justify-content:center;line-height:1}.privacy-actions svg{display:block;flex:0 0 19px}.stats .privacy-actions .percent-icon{position:relative;display:flex;align-items:center;justify-content:center;width:19px;height:19px;margin:0!important;color:inherit;font:800 15px/19px Manrope;letter-spacing:0}.percent-toggle .percent-icon:after{left:50%;top:50%;width:22px;height:2px;transform:translate(-50%,-50%) rotate(-45deg) scaleX(0);transform-origin:center;box-shadow:0 0 0 .25px currentColor}.percent-toggle.active .percent-icon:after{transform:translate(-50%,-50%) rotate(-45deg) scaleX(1)}
.portfolio-delete-form{margin:0}.portfolio-delete{color:#b42d36;border-color:#edcfd2;background:#fff}.portfolio-delete:hover{color:#98242c;border-color:#dcaeb3;background:#fff6f7;box-shadow:0 6px 18px rgba(180,45,54,.09)}@media(max-width:800px){.portfolio-delete-form,.portfolio-delete{width:100%}}
.portfolio-edit{color:#405b50}.portfolio-edit:hover{color:#176b4d;border-color:#b8cfc3;background:#f7fbf9}@media(max-width:800px){.portfolio-edit{width:100%}}