|
|
@@ -0,0 +1,94 @@
|
|
|
+#adminCreatePage{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 100%;
|
|
|
+ padding: 40px 24px;
|
|
|
+ background: var(--bg-base);
|
|
|
+
|
|
|
+ form{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width: 100%;
|
|
|
+ max-width: 380px;
|
|
|
+ gap: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ h1{
|
|
|
+ position: relative;
|
|
|
+ font-size: 26px;
|
|
|
+ font-weight: 700;
|
|
|
+ letter-spacing: -0.02em;
|
|
|
+ color: var(--text-primary);
|
|
|
+ padding-left: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ h1::before{
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 4px;
|
|
|
+ bottom: 4px;
|
|
|
+ width: 4px;
|
|
|
+ background: var(--accent);
|
|
|
+ }
|
|
|
+
|
|
|
+ p{
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 1.5;
|
|
|
+ color: var(--text-secondary);
|
|
|
+ padding-left: 16px;
|
|
|
+ margin-top: -8px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ label{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ gap: 8px;
|
|
|
+ font-size: 11px;
|
|
|
+ font-weight: 600;
|
|
|
+ letter-spacing: 0.08em;
|
|
|
+ text-transform: uppercase;
|
|
|
+ color: var(--text-tertiary);
|
|
|
+ }
|
|
|
+
|
|
|
+ input{
|
|
|
+ font-size: 16px;
|
|
|
+ color: var(--text-primary);
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ border-bottom: 1px solid var(--border-strong);
|
|
|
+ border-radius: 0;
|
|
|
+ padding: 8px 2px;
|
|
|
+ transition: border-color 0.15s ease;
|
|
|
+ }
|
|
|
+
|
|
|
+ input:focus{
|
|
|
+ outline: none;
|
|
|
+ border-bottom-color: var(--accent);
|
|
|
+ }
|
|
|
+
|
|
|
+ button{
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 700;
|
|
|
+ letter-spacing: 0.08em;
|
|
|
+ text-transform: uppercase;
|
|
|
+ color: var(--bg-base);
|
|
|
+ background: var(--accent);
|
|
|
+ border: none;
|
|
|
+ border-radius: 0;
|
|
|
+ padding: 14px 16px;
|
|
|
+ margin-top: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: background 0.15s ease, transform 0.05s ease;
|
|
|
+ }
|
|
|
+
|
|
|
+ button:hover{
|
|
|
+ background: var(--accent-hover);
|
|
|
+ }
|
|
|
+
|
|
|
+ button:active{
|
|
|
+ transform: translateY(1px);
|
|
|
+ }
|
|
|
+}
|
